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
                };
            }]);

当我尝试使用浏览器进行可视化时，我没有看到任何数字或表达，有人应该告诉我哪里出错吗？

Answer 1

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

从模块中移除;，controller直接绑定到它。

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

另一个是

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

将,用于对象的多个键和值。

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

检查工作fiddle

Answer 2

删除angular.module('direttive',[]);末尾的分号，它会起作用。

Answer 3

我想你想要两个字段的总和。请检查一下： 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

为什么角度js中的这个表达式没有显示任何内容？

3 个答案: