zoukankan      html  css  js  c++  java
  • Angular1.63 绑定数据与继承

    html 部分

    <body ng-app="myapp">
    <div ng-controller="asd">
    <p><span ng-bind="firstName"></span></p>
    </div>
    <div ng-controller="qwe">
    <p><span ng-bind="firstName"></span></p>
    </div>

    ---------------------------------

    script部分


    <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    var  app = angular.module("myapp", []); 
    app.controller('asd', function($scope) {    //$scope数据 类似vue中的data
    $scope.firstName = "John";    // 绑定数据 必须是$scope.xx=xx
    $scope.lastName = "Doe"; })// 绑定数据
    app.controller('qwe', function($scope) {    //$scope数据 类似vue中的data
    $scope.firstName = "zlt";    // 绑定数据 必须是$scope.xx=xx
    $scope.lastName = "Doe"; })

    ---------------------

    ng-controller   一个页面上可以有多个,还可以嵌套使用,存在父子关系

    例如

    <div ng-controller="asd">
    <p><span ng-bind="firstName"></span></p>
    <div ng-controller="qwe">
    <p><span ng-bind="firstName"></span></p>   ////john
    </div>
    </div>

    嵌套了一个ng-controller="qwe"

    ---------------

    <script type="text/javascript">
    var  app = angular.module("myapp", []); 
    app.controller('asd', function($scope) {    //$scope数据 类似vue中的data
    $scope.firstName = "John";    // 绑定数据 必须是$scope.xx=xx
    $scope.lastName = "Doe"; })// 绑定数据
    app.controller('qwe', function($scope) {    //$scope数据 类似vue中的data
    $scope.apple = "123123";    // 绑定数据 必须是$scope.xx=xx
    $scope.apples = "543"; })// 绑定数据
    </script>

    子 ng-controller="qwe"的 ng-bind="firstName" 就是 父级的 john

    -----------------------------

  • 相关阅读:
    java.net. SocketException: Connection reset
    用PowerDesigner将SQL转pdm文件
    MyBatis--动态SQL(trim的用法)
    MyBatis--动态SQL(set的用法)
    MyBatis--动态SQL(where的用法)
    MyBatis--动态SQL(choose的用法)
    MyBatis--动态SQL(在insert动态插入列中使用if)
    MyBatis--动态SQL(在updae更新列中使用if)
    MyBatis--动态SQL(if的用法)
    Mybatis简介
  • 原文地址:https://www.cnblogs.com/nns4/p/6999622.html
Copyright © 2011-2022 走看看