AngularJs的MVC模式

2018-06-22 06:11:25来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

在AngularJs也有带有MVC模式。此时你完全可以把html的js中的Controller写到一个外部的js文件中。

Ok,在ASP.NET MVC项目,打开Content目录,创建一个新文件夹AngularJs目录,专门是用来存放AngularJs相关的js文件。
再在此目录下创建Controllers目录,

 

angular.module('myApp', []).controller('insusCtrl', function ($scope) {
    $scope.Goodses = [
        { ID: 1, Item: 'A036', Description: 'DFG', Qty: 334 },
        { ID: 2, Item: 'A027', Description: 'WSD', Qty: 5 },
        { ID: 3, Item: 'A029', Description: 'VBG', Qty: 32 },
        { ID: 4, Item: 'A078', Description: 'TRF', Qty: 87 },
        { ID: 5, Item: 'A054', Description: 'CDU', Qty: 66 },
    ];
});
Source Code

 

然后在html页面引用此js就行了:


 

运行看看结果:

 最后来看看project中的AngularJs目录结构:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:mvc webapi路由重写

下一篇:[angularjs] MVC + Web API + AngularJs 搭建简单的 CURD 框架