Angular 表达式 - 文本与数字
此示例演示了在将 type="text" 和 type="number" 用作 input 元素时如何计算 Angular 表达式。考虑以下控制器和视图：
调节器
var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
$scope.textInput = {
value: '5'
};
$scope.numberInput = {
value: 5
};
});
视图
<div ng-app="app" ng-controller="ctrl">
<input type="text" ng-model="textInput.value">
{{ textInput.value + 5 }}
<input type="number" ng-model="numberInput.value">
{{ numberInput.value + 5 }}
</div>
- 在绑定到文本输入的表达式中使用
+时，操作符将连接字符串（第一个示例），在 screen*上显示 55。 - 当在绑定到数字输入的表达式中使用
+时，操作符返回数字的总和 （第二个示例），在 screen*上显示 10。
* - 直到用户更改输入字段中的值，之后显示将相应更改。