angular js动态生成链接

时间:2014-06-11 05:03:32

标签: javascript angularjs

我对角度js很新,想要创建一个非常简单的网站,它可以执行以下操作: 当点击按钮时,它会随机生成一个数字,如果数字为奇数,则重定向到谷歌,否则重定向到苹果网站。我做了以下事情:

<!doctype html>
<html lang="en" ng-app="homeapp">
<head> ... all imports </head>
<body ng-controller="homeappCtrl"> 
  <a href="{{urlToPick}}">Click</a>
</body>
</html>

然后在controller.js中,我有:

var homeapp= angular.module('homeappController', []);

homeappController.controller('homeappCtrl', ['$scope',
  function($scope) {
    if (Math.floor((Math.random() * 10) + 1)%2==0)
      {$scope.urlToPick = 'http://google.ca';}
    else
      {$scope.urlToPick = 'http://apple.com';}
  }]);

问题是当我点击链接时,urlToPick没有解析,因此链接返回错误。 (链接网址类似于xxx / {{urlToPick}})

我想我做错了但请告诉我在哪里......谢谢!

1 个答案:

答案 0 :(得分:1)

您的ng-appangular.module定义不同。

更改

var homeapp= angular.module('homeappController', []);

var homeapp= angular.module('homeapp', []);