发表于: 2017-05-01 21:58:53

1 872


今天完成的事情:

今天又继续看了菜鸟教程上的AngularJS文档,发现之前看的都忘的差不多了

Angular毕竟不像jQuery,写法比较陌生,还有好多陌生的单词


明天计划的事情:

相博和雪峰都做到后面的任务了,感觉我速度有点慢,找他们问问当初任务6是按什么步骤,用什么方法做的,我看文档的速度有点太慢了。


遇到的问题:

今天小课堂是汪开放讲的Ajax,讨论的时候发现董瑞提的很多问题我一下子都回答不出来,这要是平时大家互相问问也就算了,但如果是在面试的时候碰到面试官提到这种问题那就抓瞎了。小课堂的意义不仅仅是强化对知识点的学习,每个小课堂上讲解的知识点,都有可能是将来笔试面试时碰到的题目。


收获:

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

<!-- AngularJS 应用程序由 ng-app 定义。应用程序在 <div> 内运行。

ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。

myCtrl 函数是一个 JavaScript 函数。 -->


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

姓: <input type="text" ng-model="lastName"><br><!-- ng-model 指令绑定输入域到控制器的属性(firstName 和 lastName)。 -->

<br>

姓名: {{firstName + " " + lastName}}


</div>




<script>

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

app.controller('myCtrl', function($scope) { //AngularJS 使用$scope 对象来调用控制器。在 AngularJS 中, $scope 是一个应用对象(属于应用变量和函数)。

  $scope.firstName = "John";//控制器的 $scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。

  $scope.lastName = "Doe";//控制器在作用域中创建了两个属性 (firstName 和 lastName)。

});

</script>



控制器除了属性,还可以有方法(变量和函数),如:

<script>

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

app.controller('personCtrl', function($scope) {

  $scope.firstName = "John";

  $scope.lastName = "Doe";

  $scope.fullName = function() {

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

    }

});

</script>


使用时直接使用方法名即可,如:

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

姓名:{{fullname()}}

</div>


返回列表 返回列表
评论

    分享到