English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
После изучения основ AngularJS здесь мы вместе с PDF изучим материалы о выражениях.
Выражения в AngularJS не совсем такие, как в JavaScript.
Сначала выражение должно быть放在 {{}} для использования, а также по сравнению с концепцией выражений в JavaScript, у него есть следующие отличия:
1 Разное действие
По умолчанию в JavaScript действие связано с window, но в AngularJs это по-другому. Оно использует $scope для управления действием.
2 Разрешение неопределенных значений
В AngularJS, если используется неопределенное выражение, ошибка не появится, просто вернется пустое значение.
3 Фильтры
Можно использовать символ管道 | в выражениях для добавления фильтров, как в командной строке UNIX.
4 Символ $
Для различия методов angular от пользовательских методов.
Ниже рассмотрим一小段 кода:
<!doctype html>
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body>
<div ng-controller="ctl">
name:<input ng-model="name" type="text">
<button ng-click="reset()">reset</button>
<br>
{{name}}
<br>
hello! {{test}}
<br>
фильтр: {{name | uppercase}}
</div>
<script type="text/javascript">
function ctl($scope) {
var str = "init";
$scope.name = str;
$scope.reset = function() {
$scope.name = str;
}
}
</script>
</body>
</html>
Метод reset вызывается через reset, чтобы сбросить содержимое переменной name;
В выражении используется неопределенное значение test, но ошибка не возникает, просто отображается пусто; - {{test}}
В конце используется фильтр, чтобы преобразовать значение name в верхний регистр.- {{name | uppercase}}
Результат выполнения:
Вот и все, что я собрал о выражениях AngularJS, продолжу добавлять соответствующие материалы, спасибо за вашу поддержку!