AngularJS-变量不在视图中更新（不使用范围）

Question

我遇到了角度问题，更改了部分变量的值后，变量的一部分没有更新。 我的页眉更新就好，我的页脚仅保留其初始值。

这是一些代码：

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container" ng-controller="LanguageController as language">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
              <a class="navbar-brand" href="#"> {{ language.lblAppName }}</a>
          </div>
          <div class="vertical-center" id="language">
              <label> {{ language.lblSelectLanguage }} </label>
              <select ng-options="item for item in language.languages" ng-model="language.selectedLanguage"  ng-change="language.changeLanguage()"></select>
              <button ng-click="language.editLanguage()">{{ language.lblEditLanguage }}</button>
          </div>
      </div>
    </nav>

   <!-- there will be an ng-route directive here later on -->
  <nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
    <div class="container-fluid" ng-controller="LanguageController as language">
      <div class="navbar-header">
        <div class="navbar-brand"> {{ language.lblFooter }} </div>
      </div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#"> {{ language.lblMainPage }} </a></li>
        <li><a href="#">placeholder</a></li>
        <li><a href="#">placeholder</a></li> 
        <li><a href="#">placeholder</a></li> 
      </ul>
    </div>
  </nav>
</body>

除了“ language.lblFooter”和“ language.lblFooter”外，我所有的变量都在这里更新正常。

这是我的模块的声明

(function(){

// note: when calling angular.module("moduleName,["dependancies"]) a new module is created.
//       when callung angular.module("moduleName") the module "modulename" is called.
/** @module
* Creation of the application module: CarViewer */

 angular.module("carViewer", []);
}());

以下是更新变量的代码摘录：

  var vm = this;
 /**
    * Initialise the retrieve sequence.
    * @function
    * @private
    */
    function activate() {  
        // work fine the strings are returned from the backend correctly
        return languageService.getLanguages()
                .then(onLanguagesComplete, OnError);
    }

/**
    * Is called when the language retrieve is completed
    * assign the different variables
    * @function
    * @private
    * @param {string[]} data - The data returned by the getLanguages() function
    */
    function onLanguagesComplete(data) {

        vm.languages = data.languages; // list of all available languages
        vm.strings = data.strings; // Two dimentional array containing the strings in every language 

        vm.selectedLanguage = vm.languages[DEFAULT_LANGUAGE];

        assignStrings(DEFAULT_LANGUAGE);
    };

/**
    * Assign the new strings into the different variables
    * @function
    * @private
    */
    function assignStrings(language) {

        // Different labels
        vm.lblSelectLanguage = vm.strings[language].lblSelectLanguage;
        vm.lblEditLanguage = vm.strings[language].lblEditLanguage;
        vm.lblAppName = vm.strings[language].lblAppName;
        vm.lblMainPage = vm.strings[language].lblMainPage;
        vm.lblFooter = vm.strings[language].lblFooter;
    }

// and the changeLanguage that is called by the view
/**
    * Allow the DOM to changes the language displayed,
    * @function
    * @public
    */
    function changeLanguage(){
        assignStrings(vm.languages.indexOf(vm.selectedLanguage));
    }

因此，除了页脚中的on以外，每个变量均已正确更新。 你们知道为什么吗？

我已经看到可以通过使用$ scope.apply（）解决此问题，但我没有使用$ scope？ 我尝试了this。$ digest和this。$ apply，但都没有用。

编辑：我试图只为$ scope。$ apply（）;连接$ scope。 目的，但也不起作用。 我想精确地说，我使用$ http来检索.json文件。

非常感谢。

Answer 1

您有2个控制器实例。 当您执行ng-change="language.changeLanguage()它只会更新该控制器。

因此在页脚中从未调用过changeLanguage()

考虑重构并使用服务或工厂进行该语言更改

编辑
你也可以
<body ng-controller="LanguageController as language">
因为你有控制器，因为它不会影响任何东西

AngularJS-变量不在视图中更新（不使用范围）

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-09-16 14:19:42

AngularJS-变量不在视图中更新（不使用范围）

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-09-16 14:19:42

解决方案1
1 已采纳 2016-09-16 14:19:42