角度绑定不适用于任何标签

问题描述:

问题似乎很容易,但我不知道如何解决它。我将一个变量设置为范围,然后我想更新它。问题是,它以这种方式工作:角度绑定不适用于任何标签

<button>{{number}}<button> 

但这样,它不会:

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

任何想法?

+1

贵跨度任何风格? – sp00m

+0

您是否在您的

部分中添加了angular.js? – Pete
+0

风格没有问题。我可以看到号码的初始值,但更新没有效果。 – mmisiarek

不能完全确定,为什么不工作,但尝试做以下

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

一个看看是否能工程

+0

不幸的是:( – mmisiarek

这是工作的罚款,并请参阅下面的代码片段。这是你

的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

+0

为什么这篇文章被downvoted?它看起来不错,它缺乏一些完成,但我想这不是一个downvote的理由 – Dalorzo

+0

如何添加应用程序声明和/或突出一些关键领域,如需要添加ng-app和ng-controller在html – Dalorzo

很难说究竟没有更大的公司,怎么样?例如。控制台中是否存在任何错误?

也许如果你比较你的代码,这可能会说明发生了什么问题。

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

+0

+1我同意没有办法找出可能是错误的。 – Dalorzo