ng-app & ng-controller

最新推荐文章于 2024-03-30 09:52:00 发布
最新推荐文章于 2024-03-30 09:52:00 发布
阅读量373 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/782865/blog/511619
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

学习angular，遇到的第一个问题；记录一下

1、一个页面中只有一个ng-app表示

<html lang="en" ng-app="phonecatApp">

2、在该标识下，所有的ng-controller都要声明在这个模块中，比如声明模块

var phonecatApp = angular.module('phonecatApp', []);

    然后页面中有这么个ng-controller

    

<div ng-controller="PhoneListCtrl">

   那么这个模块的定义应该是这样

   

phonecatApp.controller('PhoneListCtrl', function($scope) {...});

    如果页面中还有其他ng-controller，如

    

<div ng-controller="firstApp">

    则，也必须js的controller也必须声明在同一个ng-app下

    

phonecatApp.controller('firstApp',function($scope){...});


http://docs.ngnice.com/guide/

转载于:https://my.oschina.net/u/782865/blog/511619

weixin_33887443
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angularjs的ng-controller入门认识
黄梓阳v的博客
08-09 3733
关于angularjs（以下称作ng）的教程 官网 或者 runoob 都已经很仔细了 这里调出我在学习过程中遇到的一些问题以及解决的办法，仅供初学者参考~ 因为ng-controller处理业务逻辑居多，因此在ng中非常常用，应用的场景非常多，出错的概率对于初学者来说也比较大。 ng-controller有很多种定义方式，以下列举两种： 在js全局变量中定义ng-controller:...
AngularJS ng-app 指令实例详解
10-21
<div ng-app="myApp" ng-controller="myCtrl">{{ firstName + " " + lastName }} var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.firstName = "John"; $scope....
ng-app指令定义了应用, ng-controller 定义了控制器
weixin_33824363的博客
02-06 202
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href...
AngularJS（四）——ng-controller（控制器）
diaoyu3131的博客
10-14 239
前言 上篇大概说了一下指令的应用格式以及创建自定义指令方法，本篇重点介绍一些ng-controller都有哪些小作用。 内容 通过修改控制器部分，修改显示界面。 Demo <div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="first...
6.控制器（ng-Controller）
weixin_34126557的博客
12-27 176
转自：https://www.cnblogs.com/best/tag/Angular/ ngController指令给视图添加一个控制器，控制器之间可以嵌套，内层控制器可以使用外层控制器的对象，但反过来不行。这是angular支持基于“视图-模型-控制器”设计模式原则的主要方面。 Angular中的MVC组件有：模型 — 模型是一个域的属性集合；域被附加到DOM上，通过绑定来存取域属性。 视图 ...
ng-controller指令
weixin_33739523的博客
02-06 100
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href...
Angular在一个页面中使用两个ng-app的方法(二)
01-19
在上篇文章给大家介绍了Angular在一个页面中使用两个ng-app的方法，这种方法不太推荐，下面给大家介绍方法二，具体代码如下所示： <...input type=button ng-controller=App1Controller ng-click=
Angular在一个页面中使用两个ng-app的方法
01-21
下面一段代码给大家介绍了Angular在一个页面中使用两个ng-app的方法，具体代码如下所示： <!...<...input type=button ng-app=myApp1 ng-controller=App1Controller ng-click=do1() value=按钮1
AngularJS 在同一个界面启动多个ng-app应用模块详解
11-29
这意味着如果在同一个页面上有多个`ng-app`声明，只有第一个会生效。但在某些情况下，我们可能需要在同一页面上运行多个独立的AngularJS应用模块。为了实现这一目标，我们可以采取手动启动AngularJS应用的方法。 在...
AngularJS之ng-controller指令
牛栏山矿泉水
08-08 176
1、问题背景 ng-controller：该指令是用于AngularJS应用添加控制器 2、实现源码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS之ng-controller指令&lt;/title&gt; &lt
Begin_With_AngularJS（1）基础：ng-app，ng-controller，代码分离，模板，作用域等
qq20004604的博客
08-13 3772
前注： 参考书籍是：《AngularJS权威教程(中文版)》 AngularJS的版本是v1.5+ 又开始挖新坑了，原生JS我想了想，先放放，等AngularJS上手了才回头继续搞。 很纠结什么水平的前端是能拿10k的前端，也不知道自己差多少。 工资好低活不下去啦~~~~~~~~~~~~~~
ng-controller
逛街的喵啊
11-24 1244
背景:angular学习中发现容易出错的地方 1.源码 html： outBoxVal:{{outBoxVal}} innerBoxVal:{{innerBoxVal}} JS： var app = angular.module('myApp', []); app.controller('outBox', function($scope)
AngularJS 控制器 ng-controller
weixin_30872157的博客
10-20 74
AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。 实例： <!DOCTYPE html> ...
AngularJs学习日记[5]：ng-controller控制器
weixin_34214500的博客
09-06 70
2019独角兽企业重金招聘Python工程师标准>>> ...
AngularJS中的ng-controller是什么东东
weixin_33850015的博客
01-08 1338
  在AngularJS中，ng-controller是最常用的directive。比如：   var app = angular.module("app",[]); app.controlle("AppCtrl", function(){ var app = this; app.people = [ {"firstName":"", "lastN...
ng-app 和 ng-app=""的区别
庸医2048的博客
06-12 4766
为什么有的是ng-app就行？为什么ng-app="自定义的模块"？ 简单理解： ng-app有一个默认的模块。 ng-app=“自定义的模块” 是一个使用了自定义的模块，该自定义的模块继承了 那个初始的默认的模块，可以调用初始的默认的模块的方法。 如果有多个ng-app，如何加载？ 答：默认是加载第一个，而且只加载第一个。 点击打开链接
推荐开源项目：ng-control - Angular控制器的优雅实践
最新发布
gitblog_00083的博客
03-30 405
推荐开源项目：ng-control - Angular控制器的优雅实践 项目地址:https://gitcode.com/xufei/ng-control 项目简介 ng-control 是一个针对Angular框架的轻量级模块，它专注于提升Angular应用中控制器的使用体验和代码组织效率。开发者XuFei创建此项目，旨在通过提供一种简洁、直观的方式来管理组件状态和服务，以促进更高效的开发流程。...
AngularJS杂记6----ng-controller运用详解(案例)
aigoV的博客
09-05 636
AngularJs 控制器控制 AngularJS应用程序的数据 它是常规的js对象 ng-controller 定义控制器 实例： //ng-controller定义一个控制器 //ng-model绑定输入域到控制器的属性 国家： 首都： 输入的国家首都分别是：{{cuntry+"----"+city}} var app = angular.m
angularjs的作用域（ng-repeat 和 ng-controller）
冰雪遇流年的博客
09-01 1690
ng-repeat ng-repeat：遍历数组 1. 用法：ng-repeat=”item in array” 这是ng-repeat自己的语法，item：数据中的每一项；array：要遍历的数组 item和array都可以根据实际情况来改的 2. ng-repeat都做了什么？？ a. 为数组中的每
AngularJS应用入门：ng-app与ng-model深度解析
- ng-app也可以应用于任何其他元素，但必须确保所有需要AngularJS处理的元素都在ng-app所指定的范围内。例如： ```html <div ng-app> <!-- AngularJS 控制器和指令将在此元素及其子元素中生效 --> ``` 2. ng...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值