ng-bind和ng-href问题。 ng-href没有从控制器加载数据?

时间:2015-04-09 07:30:21

标签: javascript html angularjs

我无法弄清楚为什么ng-href没有从控制器加载数据? 代码如下:

<html ng-app="myapp">
<body ng-controller="Ctrl">
<script type="text/javascript" src="./static/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="./static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./static/bower_components/angular/angular.min.js"></script><br>
<a ng-href="{{myurl}}" ng-bind="myurl">{{myurl}}</a>
<script type="text/javascript">

angular.module('myapp', [])
.controller('Ctrl', ['$scope', function($scope){

    $scope.myurl="http://google.com";

}]);

</script>
</body>
</html>
<br>
<hr>

问题是 1.没有ng-bind,表达式{{myurl}}(innerHtml)没有显示,即它没有从控制器加载数据。为什么?
2.即使使用ng-bindng-href表达式也不会从控制器加载数据。为什么呢?
我的代码在哪里做错了?无法弄清楚为什么<a>无法点击。

1 个答案:

答案 0 :(得分:0)

请查看更新的代码,现在正常工作:

<html ng-app="myapp">
<head>  <script src="angular.min.js"></script>
</head>
<body ng-controller="Ctrl">
<a ng-href="{{myurl}}" ng-bind="myurl">{{myurl}} </a>

<script type="text/javascript">

angular.module('myapp', [])
.controller('Ctrl', ['$scope', function($scope){

$scope.myurl="http://google.com";
 }]);

 </script>
 </body>
</html>