码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs的MVC模式

时间:2017-04-27 17:57:08      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:blank   show   des   targe   open   文件中   target   也有   []   

在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就行了:
技术分享

 

运行看看结果:
技术分享

 

AngularJs的MVC模式

标签:blank   show   des   targe   open   文件中   target   也有   []   

原文地址:http://www.cnblogs.com/insus/p/6775224.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!