爲什麼這個角度js中的表達式不顯示任何內容？

Question

我想學習角度，但有一些例子誰不工作（我使用4.7版）。

這裏：

  <div ng-app="direttive" ng-controller="addizione"> 
       <b>Ng-bind result addiction by two model</b><br/><br/> 
       Numero1 = <input type="number" name="input" ng-model="example.numerouno" min="0" max="99" required><br/> 
       Numero2 = <input type="number" name="input" ng-model="example.numerodue" min="0" max="99" required><br/> 
       <p>addizione: {{example.numerouno}}</p> 
      </div> 
       angular.module('direttive',[]); 
       .controller('addizione', ['$scope',function($scope){ 
       $scope.example = { 
        numerouno: 12 
        numerodue: 7 
       }; 
      }]); 

當我嘗試使用瀏覽器的可視化我沒有看到任何數字或wxpression，應該有人告訴我，我錯了嗎？

Answer 1

我想你想兩場的總和。 請檢查： HTML

<div ng-app="direttive" ng-controller="addizione"> 
<b>Ng-bind result addiction by two model</b><br/><br/> 
Numero1 = <input type="number" name="input" ng-model="example.numerouno" min="0" max="99" required><br/> 
Numero2 = <input type="number" name="input" ng-model="example.numerodue" min="0" max="99" required><br/> 
<p>addizione: {{total}} </p></div> 

JS：

var app = angular.module('direttive', []); 
app.controller('addizione', ['$scope','$http', function($scope, $http){ 

$scope.example = {"numerouno": 12, "numerodue": 7}; 

$scope.total = $scope.example.numerouno + $scope.example.numerodue;}]); 

codepen：http://codepen.io/anon/pen/yYzOOZ

Answer 2

在angular.module('direttive',[]);的末尾刪除分號，它會起作用。

Answer 3

angular.module('direttive',[]); 
        .controller('addizione', ['$scope',function($scope){ 

從模塊監守controller刪除;直接綁定到它。

angular.module('direttive',[]) 
       .controller('addizione', ['$scope',function($scope){ 

另一個是

$scope.example = { 
        numerouno: 12 
        numerodue: 7 
       }; 

使用,用於對象的多個鍵和值。

檢查工作fiddle