文章/答案/技术大牛

发布

来自专栏陶士涵的菜地
[angularjs] angularjs系列笔记（五）Service
以下代码试验$location服务，$http服务，$timeout服务，$intverval服务，创建自定义服务 <body>
<div ng-controller ="Index"> 显示当前url
{{myUrl}}

<div ng-controller="httpTest"> 展示http服务
{{myHttp}}

<div ng-controller="timeoutTest"> 展示timeout服务
{{myName}}

<div ng-controller="intervalTest"> 展示 interval服务
{{myTime}}

<div ng-controller="serviceTest"> 展示创建自定义

50520发布于 2019-09-10

来自专栏菜鸟计划

angularjs 控制器、作用域、广播详解

doctype html> <html ng-app> <head> <meta charset="utf-8"> </head> <body> <div ng-controller ="CommonController"> <div ng-controller="Controller1">

{{greeting.text

ng-controller

click

ng-controller

2.6K51发布于 2018-04-10

来自专栏全栈程序员必看

【AngularJS】 # AngularJS入门

AngularJS控制器 ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。 5.1. 外部文件中的控制器将 <script> 标签中的代码复制到 **.js 的外部文件中 HTML中进行引入即可 <div ng-app="myApp" ng-controller="personCtrl 自定义过滤器自定义一个过滤器reverse，将字符串反转 app.filter("过滤器名称", function) <div ng-app="myApp" ng-controller="myCtrl 在过滤器中使用服务（自定义） <div ng-app="myApp" ng-controller="myCtrl">

ng-controller

27.9K60编辑于 2022-09-15

来自专栏柠檬先生

Angularjs基础(七)

select元素　　　　　　　　button元素　　　　　　　　textarea元素 HTML 表单　　　　AngularjS表单上实例　　　　　　<div ng-app="myApp" ng-controller ng-controller指令定义了应用控制器。　　　　　　　　　　ng-model 指令绑定了两个inputh 元素到模型的user 对象。　　　　　　　　　　应用代码　　　　<form ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate> 　　　　　　

用户名： angular.isNumber() 判断给定对象是否为数字，如果是返回true angular.lowercase() 　　　　　　<div ng-app="myApp" ng-controller angular.uppercase($scope.x1); 　　　　　　　　}) 　　　　</script> angular.isString() 　　　　　　<div ng-app="myApp" ng-controller

2.8K70发布于 2018-01-19

来自专栏风吹杨柳

angularJS学习之路（二十九）---控制器的别名使用和它的作用域的确定

/css/bootstrap.min.css" /> </head> <body> <div ng-controller="RoomController as room"> <div ; } }); </script> </body> </html>

这其中使用了一行代码：<div ng-controller="RoomController /css/bootstrap.min.css" /> </head> <body> <div ng-controller="RoomController as room">

Open

<div ng-controller="OtherController /css/bootstrap.min.css" /> </head> <body> <div ng-controller="RoomController as room"> <div

67510发布于 2019-07-08

来自专栏柠檬先生

Angularjs基础(三)

实例：　　　　　　　　<div ng-app="myApp" ng-controller="myCtrl"> 　　　　　　　　　　　　名字：<input ng-model="name"> <div ng-app="myApp" ng-controller="myCtrl"> 　　　　　　　　　　

ng-controller

4.1K50发布于 2018-01-19

来自专栏杨焱的专栏

3、Angular JS 学习笔记 – Controllers [翻译中]

当一个控制器通过使用ng-controller指令附加到DOM上的时候，Angular将初始化一个新的Controller对象，使用指定的控制器构造函数。我们附加我们的控制器到DOM使用ng-controller指令，greeting属性现在就可以数据绑定到模板了。 <div ng-controller="GreetingController"> {{ greeting }}

添加行为到作用域对象 In order to react to events

Good {{timeOfDay}}, {{name}}!

Good {{timeOfDay}}, {{name}}!

2.9K20编辑于 2021-12-08

来自专栏风吹杨柳

angularJS学习之路（七）---子控制器关于是引用机制还是复制机制的问题---原型继承

<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div ng-app="myApp" ng-controller SomeController"> {{ someBareValue }} <button ng-click="someAction()">Communicate to child</button> <div ng-controller <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div ng-app="myApp" ng-controller {{ someModel.someValue }} <button ng-click="someAction()">Communicate to child</button> <div ng-controller

64720发布于 2019-07-08

来自专栏ops技术分享

AngularJS 应用

script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-controller }); <html> 元素是 AngularJS 应用: ng-app="myNoteApp" 的容器: <html ng-app="myNoteApp">

是 HTML 页面中控制器: ng-controller ="myNoteCtrl" 的作用域: <div ng-controller="myNoteCtrl"> ng-model 指令绑定了 <textarea> 到控制器变量 message: <textarea

元素定义了 AngularJS 控制器的作用域 (ng-controller=)。在一个应用可以有很多控制器。应用文件(my...App.js) 定义了应用模型代码。一个或多个 ng-controller 指令定义了应用的控制器。每个控制器有他自己的作用域：: 定义的 HTML 元素。

1.6K10发布于 2021-07-26

来自专栏张家辉的树屋

7-进军 angular1.x 表单和事件、模块

表单和事件，模块表单单选框/select/form/下拉框使用 ng-option 和 ng-reapeat <div ng-app="myApp" ng-controller="myCtrl even 偶数奇数 $idnex 序号从 0 开始一些 ng 指令 ng-hide ng-show ng-disabled 顾名思义 <div ng-app="myApp" ng-controller $scope.myVar; }; }); script> 复制代码事件 ng-click <div ng-app="" ng-controller="myCtrl"> <button ng-click 添加控制器你可以使用 ng-controller 指令来添加应用的控制器: AngularJS 实例 <div ng-app="myApp" ng-controller="myCtrl"> {{ firstName src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">script> <body> <div ng-app="myApp" ng-controller

3.3K20发布于 2021-02-02

来自专栏柠檬先生

Angularjs基础(四)

实例：　　　　　　　　　　　　<div ng-app="myApp" ng-controller="personCtrl"> 　　　　　　　　　　　　　　　　

姓名{{lastName uppercase}}

　　　　　　lowercase 过滤器将字符串格式化为小写　　　　　　　　　　　　<div ng-app="myApp" ng-controller > currency 过滤器　　　　　　currency 过滤器将数字格式化为货币格式：　　　　　　　　　　实例：　　　　　　　　　　　　　　<div ng-app="myApp" ng-controller filter过滤器从数组中选着一个子集：　　　　　　　　　　　　实例　　　　　　　　　　　　　　<div ng-app="myApp" ng-controller="namesCtrl"> ng-controller指令设置了controller对象名。　　　　　　　　　　　　　　

3.9K90发布于 2018-01-19

来自专栏ops技术分享

AngularJS 控制器

ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。 AngularJS 实例 <div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="firstName"> ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。控制器也可以有方法（变量和函数）： AngularJS 实例 <div ng-app="myApp" ng-controller="personCtrl"> 名: <input type="text" 只需要把 <script> 标签中的代码复制到名为 personController.js 的外部文件中即可： AngularJS 实例 <div ng-app="myApp" ng-controller

1.5K20发布于 2021-07-23

来自专栏快乐八哥

Angular企业级开发(8)-控制器的作用域

1.5.10/angular.min.js" data-semver="1.5.10"></script> <script src="app.js"></script> </head> <body ng-controller 1.5.10/angular.min.js" data-semver="1.5.10"></script> <script src="app.js"></script> </head> <body ng-controller ="MainCtrl"> <div ng-controller="Ctrl1">

value from $rootScope:{{rootScopeValue }}

value from $rootScope 开始的，之前个人理解都是以为是ng-controller开始的标签，视图上才绑定scope的属性和方法是错误的。

1.2K50发布于 2018-01-18

来自专栏xingoo, 一个梦想做发明家的程序员

【AngularJS】—— 1 初识AngularJs

总价 = {{ (quantity * price) | currency }}

　　filter　　从数据项中选定一个子集 <div ng-app="" ng-controller {{ (x.name | uppercase) + ', ' + x.country }}

　　orderBy　　排序 <div ng-app="" ng-controller {{ x.name + ', ' + x.country }}

　　lowercase uppercase　　大小写转换 <div ng-app="" ng-controller

3.7K90发布于 2018-01-17

来自专栏张志敏的技术专栏

AngularJS 中的 controllerAs

controllerAs Controller 在 AngularJS 应用中可以说是无处不在，可以在 html 中通过 ngController 指令来指定 Controller ，语法为： <ANY ng-controller 但是，有一个细节可能很多人没有注意到，那就是 controllerAs ，上面的三种用法还可以分别这样使用： <ANY ng-controller="expression as myExpr 在 AngularJS 的文档中是这样说的： one binds methods and properties directly onto the controller using this: ng-controller =”SettingsController1 as settings” one injects $scope into the controller: ng-controller=”SettingsController2 $window.alert('Hello, ' + this.name); } <div ng-Controller="TestController as vm"> <label>Name:

1.3K20发布于 2020-08-10

来自专栏柠檬先生

Angularjs基础(十)

<body ng-app="myApp"> 　　　　　　　　　　<div ng-controller="myCtrl"> 　　　　　　　　　　　　<input type="text" ng-change 实例：为表格的偶数行设置 class="striped"；　　　　　　　　　　<table ng-controller="myCtrl"> 　　　　　　　　　　　　<tr ng-repeat ng-controller 定义应用的控制器对象。　　　　　　　　实例：为应用变量添加控制器。　　　　　　　　　　 <div ng-app="myApp" ng-controller="myCtrl"> 　　　　　　　　　　　　　　Full Name:{{firstName + " " +lastName}} 语法：<element ng-controller="expression"></element> 　　　　　　参数值: 值： expression 描述：控制器 ng-copy 描述：规定拷贝事件的行为

4.3K50发布于 2018-01-22

来自专栏代码人生

AngularJS系列(二)——作用域和控制器

{{greeting}}< ng-controller定义控制器。控制器是标准的js对象，由标准的js对象的构造函数创建。 <div ng-app="myApp"ng-controller="myCtrl"> 名：<inputname="firstname" value="{{firstname}}" /> $scope.lastname= "Doe"; }) </script> controller定义方法，view使用方法 <div ng-app="myApp"ng-controller

70720发布于 2019-10-30

来自专栏张家辉的树屋

4-进军 angular1.x 控制器和过滤器

ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。例子 <div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="firstName">
姓: <input ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。方法 "myApp" ng-controller="personCtrl"> 名: 姓: 姓名: {{fullName()}} var app = angular.module( <div ng-app="myApp" ng-controller="namesCtrl">

2.5K30发布于 2021-02-02

来自专栏kl的专栏

angular 常用事件

} }); ngBlur 适用标签： a input select textarea 触发条件：失去焦点 #html <div ng-controller } }); ngFocus 适用标签： a input select textarea 触发条件：获取焦点 #html <div ng-controller

#html <div ng-controller=<span 
#html <div ng-controller=#html <div ng-controller

40910编辑于 2023-11-17

来自专栏xingoo, 一个梦想做发明家的程序员

【AngularJS】—— 2 初识AngularJs（续）

使用方法基本相同：　　先看一下点击的例子，点击按钮后，会触发ng-click内的方法，进行累计加一： <div ng-app="" ng-controller="myController"> <button <div ng-app="" ng-controller="personController"> <button ng-click="toggle()">隐藏/显示</button> <p ng-hide $scope.myVar; }; } </script> 　　ng-show使用方法也相同 <div ng-app="" ng-controller="personController"> < 关于AngularJS表单　　表单是web中重要的组成部分，如下面样例所示，可以很方便的获取到form中的数据 <div ng-app="" ng-controller="formController DOCTYPE html> <html> <body>

Validation Example

<form ng-app="" ng-controller="validateCtrl

3.1K80发布于 2018-01-17

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多

[angularjs] angularjs系列笔记（五）Service

angularjs 控制器、作用域、广播详解

【AngularJS】 # AngularJS入门

Angularjs基础(七)

angularJS学习之路（二十九）---控制器的别名使用和它的作用域的确定

Angularjs基础(三)

3、Angular JS 学习笔记 – Controllers [翻译中]

angularJS学习之路（七）---子控制器关于是引用机制还是复制机制的问题---原型继承

AngularJS 应用

7-进军 angular1.x 表单和事件、模块

Angularjs基础(四)

AngularJS 控制器

Angular企业级开发(8)-控制器的作用域

【AngularJS】—— 1 初识AngularJs

AngularJS 中的 controllerAs

Angularjs基础(十)

AngularJS系列(二)——作用域和控制器

4-进军 angular1.x 控制器和过滤器

angular 常用事件

【AngularJS】—— 2 初识AngularJs（续）

Validation Example

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

[angularjs] angularjs系列笔记（五）Service

angularjs 控制器、作用域、广播详解

【AngularJS】 # AngularJS入门

Angularjs基础(七)

angularJS学习之路（二十九）---控制器的别名使用 和它的作用域的确定

Angularjs基础(三)

3、Angular JS 学习笔记 – Controllers [翻译中]

angularJS学习之路（七）---子控制器关于是引用机制还是复制机制的问题---原型继承

AngularJS 应用

7-进军 angular1.x 表单和事件、模块

Angularjs基础(四)

AngularJS 控制器

Angular企业级开发(8)-控制器的作用域

【AngularJS】—— 1 初识AngularJs

AngularJS 中的 controllerAs

Angularjs基础(十)

AngularJS系列(二)——作用域和控制器

4-进军 angular1.x 控制器和过滤器

angular 常用事件

【AngularJS】—— 2 初识AngularJs（续）

Validation Example

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

angularJS学习之路（二十九）---控制器的别名使用和它的作用域的确定