Question

问题似乎很容易，但我不知道如何解决它。我将一个变量设置为范围，然后我想更新它。问题在于它以这种方式运作：

<button>{{number}}<button>

但是这样做不会：

<button><span>{{number}}</span></button>

有什么想法吗？

Answer 1

如果没有更大的代码示例，很难确切知道发生了什么。您的控制台中是否有任何错误？

也许如果你将你的代码与之比较，它可能会说明出了什么问题。

<强> HTML

<body ng-app="app">
 <div ng-controller="numberController">
    <input type="text" ng-model="number" />
    <br />
    <span>Span number: {{ number }}</span>
 </div>
</body>

<强> JS

var app = angular.module('app', []);

app.controller('numberController', ['$scope', function ($scope) {
  $scope.number = 123;
}]);

Simple angularjs fiddle demo of above code

Answer 2

不完全确定为什么不起作用，但请尝试执行以下操作之一

<span ng-model="number"></span>
<span ng-bind="number"></span>

看看是否有效

Answer 3

工作正常，请参阅下面的代码段。它对你有帮助

<强>的index.html

<html ng-app = "MyApp">
<head>
  <script src = "angular.min.js"></script>
  <script src = "controller.js"></script>
</head>
<body  ng-controller="myController">
 <div>
   <span>{{number}}</span>
 </div>
</body>
</html>

<强> controller.js

var app = angular.module('MyApp', []);
app.controller('myController', ['$scope', function($scope){
  $scope.number = 10;
}]);

请参阅以下链接 http://plnkr.co/edit/p5N3HZnHqjLXJg3KBZuL?p=preview

角度绑定在任何标记内都不起作用

3 个答案: