Angular(數組的操做)
html部分html
..............................................app
<!doctype html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>AngularJS Expressions</title>
<style>
a{color: blue; text-decoration: underline; cursor: pointer}
</style>
</head>
<body>
<div ng-controller="myController">
1.表達式與做用域交互<br>
{{speed}} {{vehicle}}<hr>
2.訪問做用域中的變量:<br>
{{speed + ' ' + vehicle}}<hr>
3.調用做用域中的函數:<br>
{{lower(speed)}} {{upper('Jeep')}}<hr>
<a ng-click="setValues('Fast', newVehicle)">
Click to change to Fast {{newVehicle}}</a><hr>
<a ng-click="setValues(newSpeed, 'Rocket')">
Click to change to {{newSpeed}} Rocket</a><hr>
<a ng-click="vehicle='Car'">
Click to change the vehicle to a Car</a><hr>
<a ng-click="vehicle='Enhanced' + vehicle">
Click to Enhance Vehicle</a><hr>
</div>
<script src="js/angular-1.3.0.js"></script>
<script src="js/day2_text8.js"></script>
</body>
</html>
..................................
js部分
angular.module('myApp', []) .controller('myController', function($scope) { $scope.speed = 'Slow'; $scope.vehicle = 'Train'; $scope.newSpeed = 'Hypersonic'; $scope.newVehicle = 'Plane'; $scope.upper=function(aString){ return angular.uppercase(aString); }; $scope.lower = function(aString){ return angular.lowercase(aString); }; $scope.setValues = function(speed, vehicle){ $scope.speed = speed; $scope.vehicle = vehicle; }; });
相關文章
- 1. 數組的操做
- 2. 數組操做
- 3. angular js的一些操做
- 4. 數組操做方法（包括es6數組的操做方法）
- 5. 數組的foreach中操做數組
- 6. js數組的操做
- 7. JavaScript的數組操做
- 8. 【20190228】JavaScript-數組的操做
- 9. JavaScript中的數組操做
- 10. JS中數組的操做
- 更多相關文章...
- • MyBatis的核心組件 - MyBatis教程
- • Lua 數組 - Lua 教程
- • 互聯網組織的未來：剖析GitHub員工的任性之源
- • TiDB 在摩拜單車在線數據業務的應用和實踐
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 數組的操做
- 2. 數組操做
- 3. angular js的一些操做
- 4. 數組操做方法（包括es6數組的操做方法）
- 5. 數組的foreach中操做數組
- 6. js數組的操做
- 7. JavaScript的數組操做
- 8. 【20190228】JavaScript-數組的操做
- 9. JavaScript中的數組操做
- 10. JS中數組的操做