如何内联定义AngularJS函数(用HTML格式)?

时间:2015-11-14 14:29:22

标签: javascript angularjs

在我的 HTML页面中,我有这个功能:

    <button ng-controller="getURL" ng-href="{{getLoginUrl}}">Login</button>
    <script src="js/app.js"></script>
    <script type="text/javascript">
        function getURL($scope) {
            $scope.getLoginUrl = '/my-url';
        }
    </script>

在我的 js / app.js 中,我在内联HTML中定义了我的函数getURL()的控制器:

'use strict';
angular.module('myApp', [])
.controller('getURL',['$scope',getURL])

但是我收到了这个错误:

  

未捕获的ReferenceError:未定义getURL

我在getURL控制器之后放置的所有控制器都不起作用,我收到错误Argument 'anotherController' is not a function, got undefined

1 个答案:

答案 0 :(得分:4)

app.js之前移动函数声明,因为您在声明之前尝试使用函数

<script type="text/javascript">
   function getURL($scope) {
       $scope.getLoginUrl = '/my-url';
   }
</script>
<script src="js/app.js"></script>