模板和数据的基本运作流程如下：
用户请求应用起始页面
显示文本
一种使用{{}}形式，如{{greeting}} 第二种ng-bind="greeting"
使用第一种，未被渲染的页面可能会被用户看到，index页面建议使用第二种，其余的页面可以使用第一种
表单输入
表单
在某些情况下，我们不想一有变化就立刻做出动作，而是要进行等待。例如：
表单
非表单提交型的交互，以click为例
表单
列表、表格以及其他迭代型元素
ng-repeat会通过$index返回当前引用的元素序号。 示例代码如下：
表单
{{$index+1}}
{{student.name}}
{{student.score}}
隐藏与显示
<script><br />
function DeathrayMenuController($scope) {<br />
$scope.menuState = {show:false };//这里换成menuState.show = false 效果就显示不出来了。以后声明变量还是放在{}里面吧<br />
$scope.toggleMenu = function() {<br />
$scope.menuState.show = !$scope.menuState.show;<br />
};<br />
}<br />
</script>
Toggle Menu
Stun
Disintegrate
Erase from history
css类和样式
ng-class和ng-style都可以接受一个表达式，表达式执行的结果可能是如下取值之一：
表示css类名的字符串，以空格分隔
<script><br />
function HeaderController($scope) {<br />
$scope.isError = false;<br />
$scope.isWarning = false;
<p> $scope.showError = function() {<br />
$scope.messageText = "Error!!!!"<br />
$scope.isError = true;<br />
$scope.isWarning = false;<br />
}
<p> $scope.showWarning = function() {<br />
$scope.messageText = "Warning!!!"<br />
$scope.isWarning = true;<br />
$scope.isError = true;<br />
}<br />
}<br />
</script>
{{messageText}}
Error
Warning
css类名到布尔值的映射
<script><br />
function Restaurant($scope) {<br />
$scope.list = [{name:"The Handsome",cuisine:"BBQ"},{name:"Green",cuisine:"Salads"},{name:"House",cuisine:'Seafood'}];
<p> $scope.selectRestaurant = function(row) {<br />
$scope.selectedRow = row;<br />
}<br />
}<br />
</script>
//css类名到布尔值的映射,当模型属性selectedRow的值等于ng-repeat中得$index时，selectd样式就会被设置到那一行{{restaurant.name}}
{{restaurant.cuisine}}
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
