Почему это выражение в угловых 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){ 

Удалить ; из модуля becuase controller непосредственно связываясь с ним.

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

Другой

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

Использование , для множественного ключа и значения для объекта.

Проверить работает fiddle