Javascript 角装订不'；不要在任何标签内工作_Javascript_Angularjs

Javascript 角装订不'；不要在任何标签内工作

javascript angularjs

Javascript 角装订不'；不要在任何标签内工作,javascript,angularjs,Javascript,Angularjs,这个问题似乎很容易，但我不知道如何解决它。我将一个变量设置为scope，然后我想更新它。问题是它是这样工作的： <button>{{number}}<button> {{number} 但那样的话，它不会： <button><span>{{number}}</span></button> {{number} 有什么想法吗？不完全确定为什么不起作用，但试着做以下一项 <span ng-model="number"

这个问题似乎很容易，但我不知道如何解决它。我将一个变量设置为scope，然后我想更新它。问题是它是这样工作的：

<button>{{number}}<button>

{{number}

但那样的话，它不会：

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

{{number}

有什么想法吗？

不完全确定为什么不起作用，但试着做以下一项

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

查看是否有效

工作正常，请查看下面的代码片段。这对你有帮助

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>

请参考以下链接中的相同内容

如果没有更大的代码示例，很难准确地说出发生了什么。您的控制台中是否出现任何错误

也许，如果您将代码与此进行比较，它可能会说明出了什么问题

HTML

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

你的span有什么风格吗？你的部分中有angular.js吗？风格没有问题。我可以看到数字的初始值，但更新并没有任何效果。与html相关的问题不太可能出现。你能设置一个JSFIDLE吗？如果允许我打赌，我敢打赌你的HTML中缺少ng应用程序。为什么这篇文章被否决了？它看起来还可以，它缺少一些完整性，但我想这不是一个拒绝的理由。如何添加应用声明和/或突出显示一些关键领域，如需要在html中添加ng应用程序和ng控制器

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

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

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