angularjs中的几种工具方法
1、比较两个字符串是否相等
2、对象形式转化成json和json转化成字符串形式
3、便利对象遍历数组
4、绑定数据
5、多个app功能模块的实现
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div ng-app="myApp" ng-controller="mycrl">
{{name }}
</div>
<div ng-app="myapp2" ng-controller="mycrl1" id="app2">
{{name}}
</div>
</body>
</html>
<script src="js/angurlar素材/angular/angular.js"></script>
<script>
var app =angular.module("myApp",[]);
app.controller("mycrl",function($scope){
$scope.name="嘎嘎嘎"
})
p(18)
});
var app1 =angular.module("myapp2",[]);
app1.controller("mycrl1",function($scope){
$scope.name="管管"
})
var myapp2 =document.querySelector("#app2");
//获取app节点
console.log(myapp2)
angular.bootstrap(myapp2,["myapp2"]);
//使用bootstrop("当前的节点"，“当前节点名字”)
</script>
6、模块注入的方法
<div ng-app="myApp" ng-controller="mycrl">//定义一个模块指令
{{name }}
</div>
<script src="js/angurlar素材/angular/angular.js"></script>
<script>
var app =angular.module("myApp",["app1"]);//依赖注入自定义的app1
app.controller("mycrl",function($scope){
$scope.name="嘎嘎嘎"
})
p(18)
});
再新建一个js文件里面创建一个app模块指令
var app1 =angular.module("app1",[]);
app1.controller("mycrl1",function($scope){
$scope.name="管管"
})
这样在之前页面就可以调用这个模块了
最新文章
- Js数组
- Windows服务安装与卸载
- Jsoup获取部分页面数据失败 org.jsoup.UnsupportedMimeTypeException: Unhandled content type. Must be text/*, application/xml, or application/xhtml+xml.
- Intellij IDEA常用快捷键——Mac版
- [转]SOCKET通信中TCP、UDP数据包大小的确定
- 必须使用“角色管理工具”安装或配置Microsoft .NET Framework 3.5 SP1
- WebForm ASP开发方式、 IIS服务器以及WebForm开发基础
- rcc
- Scrum中的User Story
- java面试题集1
- 图解musk这个神人
- [刷题]算法竞赛入门经典(第2版) 5-1/UVa1593 - Alignment of Code
- 关于tomcat的Unsupported major.minor version 51.0问题记录
- 检查SQL Server被哪个进程占用，且杀进程。
- GAN_李弘毅讲解
- Python中time模块详解(转)
- CUDA[4] sample program: matrix-vector multiplication
- MVC的部分视图(Partial View)
- mysql更新(七) MySQl创建用户和授权
- install ros-indigo-pcl-conversions