我的角度块在我的MVC项目中不起作用

时间:2017-07-27 06:56:56

标签: javascript html angularjs asp.net-mvc

var myApp = angular.module('myApp', []);
        myApp.controller('abc', function ($scope) {
            $scope.SomeId = "gsdfgsf";
        });
<head><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="abc">
<div id="someid" ng-model="SomeId">Abc</div>
{{SomeId}}{{1+2}}

您好我想在我的项目中使用angular来将一些部分视图的数据保存在一个缓存位置。但是当我开始研究这个时,我发现上面代码片段中的代码正在处理示例项目,而不再使用我的Project。它在我的布局页面上工作正常,但对我的部分视图页面效果不佳。

我尝试了以下内容:

<script type="text/javascript" language="javascript">
    debugger;
    var myApp = angular.module('myApp', []);
    myApp.controller('abc', function ($scope) {
        debugger;
        $scope.SomeId = "some id";
    });
</script>

然后在HTML中,我在主ng-app = "myApp"中使用div,然后在输入标记中使用ng-controller = "abc"ng-model = "SomeId"。然后我尝试显示{{SomeId}}或甚至像{{1+2}}这样的简单表达式,但没有任何效果。在调试时我发现第一个debugger得到了休息但第二个没有。浏览器也没有显示任何错误。 请帮助我解决问题。

1 个答案:

答案 0 :(得分:1)

您正在错误地关闭]。像这样改变

    var myApp = angular.module('myApp', []);
    myApp.controller('abc', ['$scope', function ($scope) {
        debugger;
        $scope.SomeId = "some id";
    }]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="abc">
{{SomeId}}
</div>