2014-05-15 3 views
0

문제는 쉽게 보이지만 해결 방법을 모릅니다. 하나의 변수를 범위로 설정 한 다음이를 업데이트하려고합니다.각도 바인딩이 태그 내부에서 작동하지 않습니다.

<button>{{number}}<button> 

하지만 그 방법으로하지 않습니다 : : 문제는 그런 식으로 작동하는지입니다

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

어떤 아이디어? 그것이 작동하지 않는 이유

+1

은 기간 어떤 스타일을 했습니까? – sp00m

+0

섹션에 angular.js를 포함 시켰습니까? – Pete

+0

스타일에 문제가 없습니다. 숫자의 초기 값을 볼 수는 있지만 업데이트해도 아무런 효과가 없습니다. – mmisiarek

답변

0

완전히 확실하지,하지만 시도 그것은 잘 작동하고 코드 아래를 참조하십시오됩니다

+0

불행히도 : ( – mmisiarek

-1

그 작동하는지 확인 다음

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

중 하나를 수행. 그것은 정확히 말해 하드 링크 http://plnkr.co/edit/p5N3HZnHqjLXJg3KBZuL?p=preview

+0

왜이 게시물은 downvoted? 괜찮아 보이는군요, 약간의 완성이 부족 합니다만, 추측 할 이유가없는 것 같아요. – Dalorzo

+0

어플 리케이션 선언을 추가하거나/또는 추가 필요성과 같은 몇 가지 주요 영역을 강조하는 방법은 어떻습니까? ng-app and ng-controller in html – Dalorzo

2

다음에 당신

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; 
}]); 

Simple angularjs fiddle demo of above code

+0

+1 무엇이 잘못되었는지를 알아낼 방법이 없다는 데 동의합니다. – Dalorzo

관련 문제