Question

我是第一次尝试使用Angular JS。我设计了一个包含超链接的HTML表单。现在我想在同一个超链接上注册一个click事件，但它没有发生。我在Body的末尾添加了角度JS的CDN参考，并在HTML页面的head部分添加了Javascript代码。

这是My Hyper Link标记..

<div ng-app="LoginApp" ng-controller="LoginController" class="top-big-link">
<a class="btn btn-link-1" href="" ng-click="Register()">Register</a>
<a class="btn btn-link-2" href="" ng-click="Login()">Login</a></div>

这是我在头部的Angular JS脚本..

<script type="text/javascript">
    var app = angular.module('LoginApp', [])
    app.controller('LoginController', function ($scope) {
    $scope.Register = function () {
       $scope.Message = "Button clicked."
    }
    <pre></pre>});
</script>

此外，在检查Chrome的开发者控制台时，我收到以下错误消息..

Uncaught SyntaxError: Unexpected token <
angular.js:38 Uncaught Error: [$injector:modulerr]      http://errors.angularjs.org/1.3.9/$injector/modulerr?p0=LoginApp&p1=Error%3…    ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.9%2Fangular.min.js%3A17%3A350)

请帮我解决这个问题..

Answer 1

您的事件处理程序没有问题：错误显示＆＃34;语法错误：意外＆lt;＆＃34;。所以你的角度应用程序甚至没有启动，因为你的应用程序的javascript代码无效。

此特定错误通常意味着您的浏览器正在尝试将某些HTML代码解释为javascript。

首先从控制器代码中删除<pre></pre>，如果它不是来自stackoverflow中的复制粘贴的人工制品。

如果这不起作用，则表示您在代码中某处的<script src="..."></script>中引用了另一个HTML文件（很可能是404错误），或者您在其他地方有语法错误。

Angular JS Click Event无效

1 个答案: