javascript - 如何内联定义 AngularJS 函数(在 HTML 中)？

Question

在我的 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 中，我有一个 Controller ，我的函数 getURL() 在内联 HTML 中定义:

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

但是我得到这个错误:

Uncaught ReferenceError: getURL is not defined

我放在 getURL Controller 之后的所有 Controller 都不起作用，我得到错误 Argument 'anotherController' is not a function, got undefined。

Answer 1

将函数声明移到 app.js 之前，因为您正在尝试在声明之前使用函数

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