문제는 쉽게 보이지만 해결 방법을 모릅니다. 하나의 변수를 범위로 설정 한 다음이를 업데이트하려고합니다.각도 바인딩이 태그 내부에서 작동하지 않습니다.
<button>{{number}}<button>
하지만 그 방법으로하지 않습니다 : : 문제는 그런 식으로 작동하는지입니다
<button><span>{{number}}</span></button>
어떤 아이디어? 그것이 작동하지 않는 이유
문제는 쉽게 보이지만 해결 방법을 모릅니다. 하나의 변수를 범위로 설정 한 다음이를 업데이트하려고합니다.각도 바인딩이 태그 내부에서 작동하지 않습니다.
<button>{{number}}<button>
하지만 그 방법으로하지 않습니다 : : 문제는 그런 식으로 작동하는지입니다
<button><span>{{number}}</span></button>
어떤 아이디어? 그것이 작동하지 않는 이유
그 작동하는지 확인 다음
<span ng-model="number"></span>
<span ng-bind="number"></span>
중 하나를 수행. 그것은 정확히 말해 하드 링크 http://plnkr.co/edit/p5N3HZnHqjLXJg3KBZuL?p=preview
다음에 당신
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;
}]);
가 동일 참조하시기 바랍니다 도움이됩니다 더 큰 공동체 없이는 무슨 일이 벌어지는거야? 예. 콘솔에 오류가 있습니까?
아마도 코드를이 코드와 비교하면 잘못 될 수 있습니다.
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;
}]);
+1 무엇이 잘못되었는지를 알아낼 방법이 없다는 데 동의합니다. – Dalorzo
은 기간 어떤 스타일을 했습니까? – sp00m
스타일에 문제가 없습니다. 숫자의 초기 값을 볼 수는 있지만 업데이트해도 아무런 효과가 없습니다. – mmisiarek