zoukankan      html  css  js  c++  java
  • 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="管管"
    })

    这样在之前页面就可以调用这个模块了

  • 相关阅读:
    JavaScript 核心参考 Arguments 对象
    readonly 和 disable的区别
    Asp.net 页面导航的几种方法与比较(转)
    CSS float clear 使用
    PHP时区列表
    Jquery 父窗口中移进移出鼠标到Iframe: 移进显示更多内容, 移出隐藏部分内容
    Mysql 查看进程SQL
    好用的弹出对话框 artDialog
    In Cache 算法
    live 绑定事件会触发多次
  • 原文地址:https://www.cnblogs.com/a8497336/p/6746411.html
Copyright © 2011-2022 走看看