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。

* - 直到使用者更改輸入欄位中的值，之後顯示將相應更改。

工作例項