发表于： 2019-04-21 20:36:18
1 708
今天完成的事情：看了angular的知识点
明天计划的事情：任务6
遇到的问题：看了很多基础知识，但感觉很乱，很懵逼，任务6还是不知道从哪里开始做。
收获：感觉没有什么收获
在js 下新建app,js 并在index 里导入app.js，在app.js中通过angular.module来加载模块
var app = angular.module("App",[]);
angular.js的作用域的问题：
ng-app标签可以放置在<html>标签或者<body>标签上，也可以放置在HTML页面的任何一个标签上。
将ng-app声明放置在<body>元素中，那么AngularJS只会针对<body>元素中的内容进行处理
而且导入文件的时候也要先导入angular再倒入app
App.controller("FirstCtrl", function($scope){
$scope.data = {
message : "Hello"
};
});
这里使用的$scope，用于将ng-controller中的数据和HTML代码绑定起来，传入$scope的数据，可以直接在HTML代码中调用。在上面的例子中，我们对$scope传入了{data:{message:"Hello"}}对象，并在HTML代码中直接使用了data.message来调用。
data命名并不是固定用法
$scope之下除了可以传入数据外，还可以传入其他函数，比如我们声明一个onClick函数传入$scope之后，可在HTML页面中调用这个功能，实现比如按钮点击触发功能的效果
数据要额外封装一层：
不对数据进行二次封装，可能会导致数据互相访问不了的情况。在使用AngularJS的时候，养成数据二次封装的习惯，可以避免很多这样的问题
aj 的路由：
通过不同 的url 访问不同的内容部
url形式：在单页 Web 应用中 AngularJS 通过 #! + 标记 实现
比如：
http://runoob.com/#!/first
在客户端实现 #! 号后面内容的功能实现。AngularJS 路由就通过 #! + 标记 帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。
返回列表
评论