<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--1.引入angularjd应用程序-->
<script type="text/javascript" src="../kuwenjian/angular.js" ></script>
<script>
/*2.定义angularjs应用程序对象*/
var app = angular.module("chen",[]);
/*3.创建控制器:通过app.controller方法*/
app.controller("mychen",function($scope){
$scope.a=100;
$scope.b="你好啊";
});
</script>
</head>
<body ng-app="chen" ng-controller="mychen" ng-init="q=4;w=5;e=[1,4,7,9]">
{{a}}
{{b}}
<!-- 2.1 AngularJS表达式 -->
<p>算术运算: {{3+5}}</p>
<p>拼接字符串: {{"Hello"+b}}</p>
<p>关系运算: {{3<5}}</p>
<p>逻辑运算: {{true && false}}</p>
<p>算术运算: {{3+5*8}}</p>
<!-- 2.2 AngularJS指令 -->
<span>测试ng-init:{{q+w}}</span><br />
<span>测试ng-init数组:{{e[2]}}</span>
<p ng-click="q = q+1">测试ng-click数组: {{q}}</p>
<input type="text" ng-model="w"/>
<p>我是w的值是:{{w}}</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--1.引入angularjd应用程序-->
<script type="text/javascript" src="../kuwenjian/angular.js" ></script>
<script>
/*2.定义angularjs应用程序对象*/
var app = angular.module("chen",[]);
/*3.创建控制器:通过app.controller方法*/
app.controller("mychen",function($scope){
$scope.a=100;
$scope.b="你好啊";
});
</script>
</head>
<body ng-app="chen" ng-controller="mychen" ng-init="q=4;w=5;e=[1,4,7,9]">
{{a}}
{{b}}
<!-- 2.1 AngularJS表达式 -->
<p>算术运算: {{3+5}}</p>
<p>拼接字符串: {{"Hello"+b}}</p>
<p>关系运算: {{3<5}}</p>
<p>逻辑运算: {{true && false}}</p>
<p>算术运算: {{3+5*8}}</p>
<!-- 2.2 AngularJS指令 -->
<span>测试ng-init:{{q+w}}</span><br />
<span>测试ng-init数组:{{e[2]}}</span>
<p ng-click="q = q+1">测试ng-click数组: {{q}}</p>
<input type="text" ng-model="w"/>
<p>我是w的值是:{{w}}</p>
</body>
</html>