angular的自定义属性和ng-href属性

最新推荐文章于 2020-11-02 14:22:03 发布

sdfujichao

最新推荐文章于 2020-11-02 14:22:03 发布

阅读量7.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： angularJS 文章标签： angular的ng-href指令

本文链接：https://blog.youkuaiyun.com/sdfujichao/article/details/51958736

angularJS 专栏收录该内容

23 篇文章

订阅专栏

本文档通过一个简单的实例展示了如何使用AngularJS框架创建一个具备基本交互功能的网页应用。该示例中，作者利用AngularJS模块化特性定义了一个名为'fristApp'的应用，并在其中设置了一个控制器'fristController'，用于处理页面的数据绑定，具体实现了超链接地址及属性绑定的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="day2/src/angular.js"></script>
		<style type="text/css">
		</style>
	</head>
	<body>
		
		<div ng-app="fristApp">
			<div ng-controller="fristController">
				<a ng-href="{{addr}}">baidu</a>
				<a ng-href="{{addr}}">baidu</a>
				<div ng-attr-qianfeng="{{fjc}}">
				
			</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		var myApp = angular.module('fristApp',[]);
		myApp.controller('fristController',function($scope){
			console.log("fuji");
			$scope.addr = "http://www.baidu.com";
			$scope.fjc = 'hello';
		})
	</script>
</html>