angularjs控制器方法

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="">

</head>

<body>

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

名:<input type="text" ng-model="firstName"><br/>

姓:<input type="text" ng-model="lastName"><br/>

<br/>

姓名:{{fullName()}}

</div>

</body>

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

<script>

var app = angular.module("myApp",[]);

app.controller(‘myCtrl‘,function($scope){

$scope.firstName = "John";

$scope.lastName = "Doe";

$scope.fullName = function(){

return $scope.firstName + " " + $scope.lastName;

}

});

</script>

</html>

时间: 2024-10-06 01:20:13

angularjs控制器方法的相关文章

AngularJS控制器和过滤器学习(三)

AngularJS控制器 AngularJS 控制器 控制 AngularJS 应用程序的数据. AngularJS 控制器是常规的JavaScript对象 <h2>AngularJS 控制器属性</h2> <div ng-app="" ng-controller="MyController"> <p>姓名:<input type="text" ng-model="person.na

AngularJS 控制器的方法

AngularJS 控制器也有方法(变量和函数) <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta

AngularJS控制器

AngularJS 控制器 控制 AngularJS 应用程序的数据,控制器是常规的 JavaScript 对象. 1. angular.module(name, [requires], [configFn]); name:字符串类型,代表模块的名称: requires:字符串的数组,代表该模块依赖的其他模块列表,如果不依赖其他模块,用空数组即可: configFn:用来对该模块进行一些配置. <!-- 双向绑定,应用程序名字和控制器名字 --> <div ng-app="my

【06】AngularJS&#160;控制器

AngularJS 控制器 AngularJS 控制器 控制 AngularJS 应用程序的数据. AngularJS 控制器是常规的 JavaScript 对象. AngularJS 控制器 AngularJS 应用程序被控制器控制. ng-controller 指令定义了应用程序控制器. 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建. <div ng-app="myApp" ng-controller="myCtrl&q

AngularJS控制器和AngularJS过滤器的学习(3)

前面简单的学习了AngularJS的表达式和指令,就可以说大概对AngularJS有了一定的了解吧,嘿嘿,下面就来总结学习一下AngularJS的控制器和过滤器哦. 说起来AngularJS控制器,其实就是常规的JavaScript对象.来控制AngularJS应用程序的数据. 一.AngularJS的控制器 <1>.AngularJS 控制器 在浏览器中浏览的结果是: AngularJS应用程序被控制器控制,ng-controller指令定义了应用程序控制器,控制器是JavaScript对象

当AngularJS POST方法碰上PHP

问题描述 怎么POST过去给PHP都收不到资料? $_POST方法取不到正确的传入值! 原理说明 AngularJS这套framework使用的AJAX方法中,资料传递的格式为JSON,送出去的header为 Content-Type: application/json 而非JQuery 或是HTML form 送出的 multipart/form-data 或 application/x-www-form-urlencoded 解决办法 AngularJS 配合,去把请求的header 改成P

angularjs控制器之间通信,事件通知服务

service要记住一点就是所有的services都是singleton(单例)的,service更多的是做一些业务逻辑,数据交互.当然,利用单例这特点也可以用来做不同控制器间的通信.控制器间的通信也有多种做法:AngularJS控制器controller如何通信?. 利用作用域继承的方式.即子控制器继承父控制器中的内容 基于事件的方式.即$on,$emit,$boardcast这三种方式 服务方式.写一个服务的单例然后通过注入来使用 第一种还是有些局限性,第二种用起来并不太方便(或者个人不习惯

spring mvc 控制器方法传数组对象的一些经验

因为项目需要在一个表单里面提交多个对象,比较好的做法就是直接在控制器方法参数里传一个数组. 由于Spring mvc框架在反射生成控制方法的参数对象的时候会调用这个类的getDeclaredConstructor方法来获得构造函数, 但是一直报NoSuchMethodException的异常. 根据这个方法的jdk文档,这个类是一个数组对象时,这个方法会抛出java.lang.NoSuchMethodException,因为接口.数组类.void.基本类型没有构造函数. 同事后来给我支了两招,使

avaScript文件中调用AngularJS内部方法或改变$scope变量

需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然后在获取$scope变量: var $scope = angular.element(appElement).scope(); 如