Question

JS：

$scope.hello = "hello world";

HTML：

<input ng-model="hello">
<label>{{hello}}</label>

它在初始化时设置好标签，但在此之后它停止更新。怎么了？

Answer 1

尝试在控制器中使用它：

$scope.system = {};
$scope.system.hello = 'hello world';

Answer 2

在这里你去根据你的代码，没有错误的线索所以我只回答了工作代码和双向数据绑定的一些定义更新称为two-way binding来自角度的一个很好的功能。

关于双向数据绑定的简要说明： -

angularjs框架中的双向数据绑定是同步的方法模型和视图之间的数据。如果有的话意味着什么更改发生在模型（后端），然后视图（前端）将发生更新，反之亦然。

数据绑定文档Angular data binding Documentation

示例Js： -

'use strict';
 var app = angular.module('mainApp', []);
app.controller('registerCtrl', ['$scope', function($scope){
    $scope.hello='hello world';
 }]);

Html： -

<!DOCTYPE html>
<html ng-app="mainApp">

  <head>
    <link rel="stylesheet" href="style.css">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="registerCtrl">

    <input type="text" ng-model="hello"/>
    {{hello}}

</body>

</html>

您已正确绑定到带有型号的文本框

plunker https://plnkr.co/edit/go9r3x?p=preview

AngularJS变量不会在控制器中更改

2 个答案: