AngularJS ng-controller 指令简单实例  更新时间:2016年08月01日 10:21:09   投稿:lqh   本文主要介绍AngularJS ng-controller 指令,这里对ng-controller指令资料的整理,并附代码示例和效果图,有需要的朋友看下 AngularJS ng-controller 指令 AngularJS 实例 为应用变量添加控制器: Full Name: {{firstName + ” ” + lastName}} 该实例演示了如何定义一个控制器及 scope 的使用。 运行结果: Full Name: John Doe 该实例演示了如何定义一个控制器及 scope 的使用。 定义和用法 ng-controller 指令用于为你的应用添加控制器。 在控制器中,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。 语法 所有 HTML 元素都支持。 参数值 值 描述 expression 控制器名。 希望能帮助学习AngularJS的同学,后续继续补充相关知识。 您可能感兴趣的文章: AngularJs根据访问的页面动态加载Controller的解决方案 AngularJS控制器controller正确的通信的方法 AngularJS利用Controller完成URL跳转 angularjs学习笔记之三大模块(modal,controller,view) AngularJS入门心得之directive和controller通信过程 AngularJs学习第五篇从Controller控制器谈谈$scope作用域 Angularjs中controller的三种写法分享 AngularJS实践之使用NgModelController进行数据绑定 AngularJs Injecting Services Into Controllers详解 AngularJS Controller作用域 AngularJS ng-controller 指令 相关文章 AngularJS 简单应用实例 本文主要介绍AngularJS 的简单应用实例,这里对AngularJS的知识总结,并提供实例代码和应用程序讲解,有需要的小伙伴可以参考下 2016-07-07 AngularJS发送异步Get/Post请求方法 今天小编就为大家分享一篇AngularJS发送异步Get/Post请求方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-08-08 Angular4 中常用的指令入门总结 这篇文章主要给大家总结了一些关于Angular4 中入门常用的指令,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来跟着小编一起学习学习吧。 2017-06-06 AngularJS全局scope与Isolate scope通信用法示例 这篇文章主要介绍了AngularJS全局scope与Isolate scope通信用法,结合格式分析了全局scope和directive本地scope相关功能、通信用法与相关注意事项,需要的朋友可以参考下 2016-11-11 Angular.js实现动态加载组件详解 这篇文章主要给大家介绍了关于Angular.js实现动态加载组件的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-05-05 AngularJS入门教程之路由与多视图详解 本文主要介绍AngularJS 路由与多视图详解,这里整理了相关资料及示例代码,详细说明了在开发过程中如何应用,有兴趣的朋友可以看下 2016-08-08 详解webpack+es6+angular1.x项目构建 这篇文章主要介绍了详解webpack+es6+angular1.x项目构建, 小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-05-05 Angularjs 根据一个select的值去设置另一个select的值方法 今天小编就为大家分享一篇Angularjs 根据一个select的值去设置另一个select的值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-08-08 Angular 输入框实现自定义验证功能 AngularJS 表单和控件可以验证输入的数据。本文给大家介绍Angular 输入框实现自定义验证功能,非常不错,具有参考借鉴价值,需要的朋友参考下 2017-02-02 Angular开发实践之服务端渲染 这篇文章主要介绍了Angular开发实践之服务端渲染,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-03-03 最新评论

AngularJS ng-controller 指令

AngularJS 实例

为应用变量添加控制器:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstName = "John";
  $scope.lastName = "Doe";
});
</script>

<p>该实例演示了如何定义一个控制器及 scope 的使用。</p>

</body>
</html>

运行结果:

Full Name: John Doe

该实例演示了如何定义一个控制器及 scope 的使用。

定义和用法

ng-controller 指令用于为你的应用添加控制器。

在控制器中,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。

语法

<element ng-controller=”expression”></element>

所有 HTML 元素都支持。

参数值

描述
expression 控制器名。

希望能帮助学习AngularJS的同学,后续继续补充相关知识。

您可能感兴趣的文章:

  • AngularJs根据访问的页面动态加载Controller的解决方案
  • AngularJS控制器controller正确的通信的方法
  • AngularJS利用Controller完成URL跳转
  • angularjs学习笔记之三大模块(modal,controller,view)
  • AngularJS入门心得之directive和controller通信过程
  • AngularJs学习第五篇从Controller控制器谈谈$scope作用域
  • Angularjs中controller的三种写法分享
  • AngularJS实践之使用NgModelController进行数据绑定
  • AngularJs Injecting Services Into Controllers详解
  • AngularJS Controller作用域
张贴在3