angular JS的使用

AngularJS应用开发教程

最新推荐文章于 2020-11-23 20:38:36 发布

Meilin.C

最新推荐文章于 2020-11-23 20:38:36 发布

阅读量586

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML笔记

本文链接：https://blog.youkuaiyun.com/tan243203681/article/details/50853313

HTML笔记专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何引用AngularJS脚本、实现区域命名、数据绑定和脚本编写的基本步骤。

1、引用angular JS的脚本

		<script src="../framework/js/angular/angular.min.js" type="text/javascript" charset="utf-8"></script>

2、区域命名

<html ng-app="myApp">

<body class="gray-bg" ng-controller="myController">

3、数据绑定

<select ng-model="selecteProvince" id="loc_province" class="selecte-area">
										</select>

4、脚本编写

//初始化app
var myApp = angular.module('myApp', []);
//控制器管理
myApp.controller('myController', function($scope, $http, $window) {

	$scope.submitToHtml = function() {
		alert($('#loc_province').find("option:selected").text() + ' - ' + $('#loc_city').find("option:selected").text() + ' - ' + $('#loc_town').find("option:selected").text());
	}
	$scope.cancelToHtml = function() {
		$window.location.href = "regional_management.html";
	}
});