不知道为什么它没有绑定值
不知道为什么它没有绑定值
提问于 2017-05-30 11:02:46
我试图绑定值，但是它没有用偶数和奇数更新。我正在从数字框中更新num1和num2。谢谢
var test = angular.module("test", []);
test.controller("testCtrl", function($scope){
$scope.num1 = 0;
$scope.num2 = 0;
$scope.value = ($scope.num1 + $scope.num2) % 2 ? "Even" : "Odd" ;
});<!DOCTYPE html>
<html ng-app="test">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</head>
<body ng-controller="testCtrl">
First Number : <input type="number" ng-model="num1"></input>
<br/>
<br/>
Second Number : <input type="number" ng-model="num2"></input>
<br/>
Sum : {{num1 + num2}} is <span>{{value}} </span> <br/>
<br/>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-30 11:08:04
您需要使用一个函数来触发它并绑定该函数。
演示
var test = angular.module("test", []);
test.controller("testCtrl", function($scope){
$scope.num1 = 0;
$scope.num2 = 0;
$scope.update = function(){
return ($scope.num1 + $scope.num2) % 2 ? "Even" : "Odd" ;
}
});<!DOCTYPE html>
<html ng-app="test">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</head>
<body ng-controller="testCtrl">
First Number : <input type="number" ng-model="num1"/>
<br/>
<br/>
Second Number : <input type="number" ng-model="num2"/>
<br/>
Sum : {{num1 + num2}} is <span>{{update()}} </span> <br/>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44260462
复制相关文章
相似问题
腾讯云开发者
