angularJS1笔记-(1)-多控制器

た入场券 2021-12-15 03:27 260阅读 0赞

前端写好：

<div ng-app="myApp">
        <div ng-controller="firstController">
            <input type="text" value="" ng-model="name"/>
            <input type="text" value="" ng-model="age"/>
            {
         {name}}
            {
         {age}}
            <div ng-controller="secondController">
                <input type="text" value="" ng-model="name">
                <input type="text" value="" ng-model="age">
                {
         {age}}
    
            </div>
        </div>
    </div>

Js里写好：

var app = angular.module('myApp', []);
    
    app.controller('firstController', function($scope) {
        $scope.name = "Volvo";
        $scope.age = 222;
    });
    app.controller('secondController',function ($scope) {
        $scope.name = "dyk";
    })

结果显示:

![543426-20170428155602365-167061680.png][]

总结：

当调用本controller里定义的变量的时候可以显示你要的结果，如果本controller里没有定义的变量，比如secondController里的age属性，就会从上下文查找，从firstController里取。

转载于:https://www.cnblogs.com/yk123/p/6781990.html

[543426-20170428155602365-167061680.png]: /images/20211214/6e539fbcffed4d36af760591d7fd4f5c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，260人围观）

还没有评论，来说两句吧...

相关阅读

相关【angularjs】控制器

> AngularJS中ng-app的赋值问题 > [https://blog.csdn.net/devillittle/article/details/56840892]

水深无声/ 2024年02月19日 16:10/ 0 赞/ 87 阅读

相关 angularjs控制器的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

川长思鸟来/ 2022年09月13日 08:36/ 0 赞/ 188 阅读

相关 AngularJs控制器说明（一）

一.控制器使用示例ng-controller <body ng-app='module' ng-controller="myCtrl"> 请选

约定不等于承诺〃/ 2022年07月12日 02:04/ 0 赞/ 217 阅读

相关 1.1.0 AngularJS前端框架学习-笔记

一、AngularJS的主要简介： AngularJS 把应用程序数据绑定到 HTML 元素 AngularJS 可以克隆和重复 H

Love The Way You Lie/ 2022年05月29日 11:59/ 0 赞/ 211 阅读

相关 AngularJS 控制器

关于 controller 中作用域的问题： controller 中，如果局部 scope和 s c o p e 和 rootScope 都存在，且有相同名字的变量，\{

你的名字/ 2022年05月19日 02:47/ 0 赞/ 280 阅读

相关 angularJS1笔记-(4)-自定义服务

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

小咪咪/ 2021年12月15日 03:29/ 0 赞/ 289 阅读

相关 angularJS1笔记-(1)-多控制器

前端写好： <div ng-app="myApp"> <div ng-controller="firstController">

た入场券/ 2021年12月15日 03:27/ 0 赞/ 261 阅读

相关 AngularJS控制器(Controller)

AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript

野性酷女/ 2021年09月14日 06:52/ 0 赞/ 409 阅读

相关 AngularJs 多控制器思想

ng-controller多控制器思想为了便于团队开发和维护（1）每一个控制器是嵌套的,即外层控制器可以访问内层控制器变量

Myth丶恋晨/ 2021年07月24日 13:55/ 0 赞/ 467 阅读

相关 AngularJs 控制器

AngularJs控制器(对页面元素进行类似js的功能) 1、angular.module()方法 (1)NG方法中提供用来生成页面数据模

以你之姓@/ 2021年07月24日 11:45/ 0 赞/ 460 阅读