不知道爲什麼它沒有約束力

我試圖綁定價值，但它不更新與偶數和奇數。我正在更新號碼框中的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>

來源

2017-05-30 Faiz Ahmad

你需要使用一個函數來觸發它，並綁定功能

DEMO

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>

來源

2017-05-30 11:08:04 Sajeetharan

不知道爲什麼它沒有約束力

回答

相關問題