当前位置: 首页 > 知识库问答 >
问题:

为什么外部JavaScript文件没有响应AngularJS?

秦学林
2023-03-14

此angularJS文件不将表达式的值显示为“全名:John Doe”;相反,它显示“全名:{{firstName”“lastName}”。我可能错过了什么?

<!DOCTYPE html>
<html>

<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>    
</head>

<body>

<div ng-app="" ng-controller="personController">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script src="C:\Users\Vincent\Documents\Python\angularjs\StraightAngularJS\personController.js"></script>

</body>
</html>


<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>

<div ng-app="" ng-controller="personController">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script src="personController.js"></script>

</body>
</html>

AngularJS文件结束

下面是它的外部javaScript文件:personController。js

function personController($scope) {
    $scope.firstName = "John",
    $scope.lastName = "Doe",
    $scope.fullName = function() {
        return $scope.firstName + " " + $scope.lastName;
    }
}

共有2个答案

白信鸿
2023-03-14

此问题可能是由于CORS(跨源资源共享)的浏览器限制造成的。要了解有关CORS的更多信息,请阅读-http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

使用Chrome您可以通过以下参数启动Chrome来禁用安全检查,这将允许浏览器从不同的域加载文件:

chrome --disable-web-security 

如果您试图从本地磁盘加载控制器。

<script src="C:\Users\[user-name]\Documents\Python\angularjs\StraightAngularJS\personController.js"></script>

需要使用以下参数启动Chrome:

chrome --allow-file-access-from-files

但是请注意,这不是推荐的方式,你最好使用超文本传输协议服务器来加载你的资源。

汤承允
2023-03-14

这可能是因为您将脚本标记包含到应用程序

如本JSFIDLE所示,代码确实正确工作,因此没有其他错误。

希望这有帮助。

 类似资料:
  • 我只是想给我的*添加一行新的文本。txt文件,但什么也没发生。文件里装着一本书。war,所以我使用类加载器来访问文件。此外,我的EclipseIDE和文件内容都使用UTF-8编码。 我用这些来获得灵感: 如何在Java中向现有文件添加新的文本行? 带有utf-8的Java BufferedWriter对象 现在我的代码主要基于上一篇文章,如下所示: 我已经确认文件确实找到了,而且读起来很好。我已经

  • 我有一个SherlockFragmentActivity和一个位于TabManager中的Sherlock Fragment。在这个片段中,我在LinearLayout中有单选按钮、复选框、按钮和编辑文本。按下编辑文本时,键盘有时不响应。 在2.1 AVD中,键盘响应不一致,在4.0 AVD中,键盘根本没有响应,而在设备上,键盘响应不一致。有时按下其他对象会激活显示键盘的功能。 以下是编辑文本的X

  • 我理解为什么文件提供商可以在控制权限的同时,将一个应用程序的私有文件(应用程序内部存储中的文件)共享给另一个应用程序。 文档解释了它如何也可以用来共享外部存储(SD卡等)中的文件: <代码> 而不是 <代码> (https://developer.android.com/reference/android/support/v4/content/FileProvider.html) 这有什么意义?为

  • 我是javascript新手,我试图创建一个简单的表单验证。当我点击提交按钮时,什么也没发生。我已经看了一段时间的例子,我似乎不知道我哪里出错了。有什么建议吗: 就在这篇文章之后,我要把它分解开来,开始变得更小。但与此同时,我想另一组眼睛不会受伤,很可能我做了什么可怕的错误。 我意识到我只是在上面扔了很多代码,所以提前感谢您筛选它。

  • 获取外部API如下图-[1]:https://i.stack.imgur.com/a28Y1.png 用作数据数组对象。 另一个物体在下面 已使用/getForObject/exchange/getForEntity,但未得到任何响应。请在底部检查我使用的方法。 现在用作数据对象的列表也没有得到任何响应- 下面是resttemplate如何调用这些- 响应obj=restTemplate。getF

  • 我正在尝试在一只海龟和另一只海龟的鱼线之间创建一个碰撞检测系统。问题是,每当我运行程序时,海龟屏幕都没有响应。我正在使用Pycharm和Python。请帮忙!