Question

我正在尝试在jsfiddle中运行一个angularJS示例（当然是学习目的），在控制台中遇到错误。

当我添加此cdn以获得角度兼容性时： https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular.min.js

我在下面看到错误。

VM141 angular.min.js：6未捕获错误：[$ injector：modulerr] http://errors.angularjs.org/1.5.6/ $注射器/ modulerr P0 = MyApp来＆安培; P1 =错误％3A％2 ... oudflare.com％2Fajax％2Flibs％2Fangular.js％2F1.5.6％2Fangular.min.js％3A21 3A19％）

当我删除外部源时，出现以下错误：

VM93：45未捕获的ReferenceError：未定义角度

关注：

我是否需要为角度示例添加外部源？如果是，那么添加外部资源的正确方法是什么。（比如，在cdn中搜索那个api并添加）。

以下是代码段：

HTML：

<div ng-app="myApp" ng-controller="myCtrl">
Your name: <input type="text" ng-model="name" ng-click="displayName();">
Hello {{$scope.name}}
</div>

JS：

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

myApp.controller('myCtrl', function($scope){
$scope.displayName = function(){
alert("In right place");
$scope.name = "Name";
}
});

这里是小提琴：https://jsfiddle.net/supdas87/my1juu4e/2/

Answer 1

我已将angular-1.0.1.js file添加到外部资源（您只需复制并粘贴该网址），并在HTML文件中将{{$scope.name}}更改为{{name}}。使用$scope {{时，您不必撰写}}，这是隐含的。

根据您提供的代码，这是一个有效的Fiddle。

PS：我添加了Angular 1.0.1，但当然你可以使用你想要的Angular版本。你可以看到allreleases here。

<强> HTML

<div ng-app="myApp" ng-controller="myCtrl">
  Your name: <input type="text" ng-model="name" ng-click="displayName();">
  Hello {{name}}
</div>

<强>的JavaScript

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

myApp.controller('myCtrl', function($scope) {
  $scope.displayName = function(){
    alert("In right place");
    $scope.name = "Name";
  }
});

VM73：49未捕获的ReferenceError：在jsfiddle中未定义angular

1 个答案: