AnjularJS学习（一）-特点、MVC之一

最新推荐文章于 2023-05-06 23:02:13 发布

bwshqh

最新推荐文章于 2023-05-06 23:02:13 发布

阅读量852

点赞数

分类专栏： js 文章标签： anjularJS javascript dom controller module

本文链接：https://blog.csdn.net/bwshqh/article/details/51031349

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、理论：
1.anjularJS特点
a.数据驱动编程
b.声明式编程
c.模块化及概念分离
d.可测性
2.MVC模式：
a.模型：整个应用的驱动力
b.视图：用户可以浏览并与之交互的UI界面
c.控制器：代表着业务逻辑及表现层
3.anjularJS特性记录：
a.依赖注入
b.可扩展性
c.易于测试
4.anjular模块：
a.定一个模块需要传入两个参数
b.加载其他文件中的模块不要忘记加载这些文件
5.anjular控制器特点：
a.获取数据/决定哪些数据呈现给用户/处理页面相关逻辑
b.用户交互
6.ng-controller:
a.anjularJS可以通过名称创建出控制器实例，然后将它关联到DOM元素上
二、实践：

<!doctype html>
<html ng-app>
<head>
    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>
<body>
you input content: <input type="text" ng-model="mainContent" placeholder="dddd.....">
<hr>
Hello {{mainContent || 'want?'}}!
</body>
</html>

<!doctype html>
<html ng-app="notesApp">
<body ng-controller="MainCtrl">
Hello {{ 1+1}} ,new world~
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<script>
    angular.module('notesApp',[])
        .controller('MainCtrl',[function(){
            console.log("MainCtrl is running");
        }]);
</script>
</body>
</html>