angularjs中的ng-src和ng-href


ng-src和ng-href等同於html中的src和href,只是ng是在dom加載完畢之后才能夠發揮作用,如果在src或href中綁定變量,如果ng沒有加載完,會導致鏈接地址出錯,如果用對應的ng-src或ng-href,則不會出現這個問題。下面是一段示例代碼:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>interval</title>
<script type="text/javascript" src="angular.min.js" charset="utf-8"></script>
</head>
<body ng-controller="ctrl">

<div><a ng-href="NewFile3_{{i}}.htm">鏈接</a></div>
<div><input type="button" ng-click="clickEvent(1)" value="切換鏈接1" /><input type="button" ng-click="clickEvent(2)" value="切換鏈接2" /><input type="button" ng-click="clickEvent(3)" value="切換鏈接3" /></div>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.controller('ctrl', function($scope){
    $scope.i = 1;
    $scope.clickEvent = function(index) {
        $scope.i = index;
    }
});
</script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM