AngularJS入门笔记

Posted 2020-09-03 轴轴

演示了AngularJS的基本使用套路

功能: 使用AngularJS将文本框中输入的值绑定到angularJS的声明变量中去,接着将其显示到<li>标签中

1.声明angular的一个作用模块,这里对应第24行,同时在第2行声明此模块的"作用边界",对应指令ng-app, todoList关键词和第24行对应

2.第25行为module注册controller,其中关键词和第8行ng-controller指令对应

3.angularJS双向绑定的简单实用,即双大括号{{}}语法通过ng-model指令将文本框中的值绑定到angular对应的变量中去,见第10行,第26行, 在第26行声明变量task, 然后对应这里第10行的ng-model指令, ng-model="task",

4.第12行ng-click指令和第28行对应

5.理解第17行ng-repeat指令和{{}}语法

6.第26,27行演示了angularJS中声明变量的方式

第17行,track by $index 是angularJS的原生命令,效果是将JS的原生数组变成了有序数组,这样数组中就可以保存相同的字面值

第15行, ng-hide="tasks.length==0" 或 ng-if="tasks.length>0" 指令的效果

 1 function QueryPatientInfo() {
 2     var MedicalRecordID = GetQueryString("MedicalRecordID");
 3     if (MedicalRecordID == null || MedicalRecordID == "") {
 4         Alert("参数错误，请关闭后重新打开！", "出院信息", function () {
 5         });
 6         return;
 7     }
 8     var param = {};
 9     param.ID = MedicalRecordID;
10     param.IsInHos = 1;
11     var app = angular.module(\'PatientApp\', []);
12     app.controller(\'PatientCtr\', function ($scope) {
13         CallServiceDynamic("GetLeavePatientByID", function (data, result) {
14             $scope.Patient = JSON.parse(result)[0].Table[0];
15         }, JSON.stringify(param), false);
16     });
17 }

//理解:内部回调函数(13行)将值返回给第12行定义回调函数,"挂"在参数$score上