- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
但是,在编写了一些使用 Controller 的示例后, Controller 将无法加载。我收到一个错误:
firstController is not a function
经过一番谷歌搜索后,我发现 Angular 1.3.x 不再支持全局 Controller 。我见过的所有关于创建 Controller 的新方法的示例似乎都是在我的 app.js 文件中创建它们的。我很困惑,这现在是否意味着我必须在这里创建所有 Controller ,而不是为每个 Controller 创建一个专用文件。我已经尝试过这个来创建 Controller ,但仍然没有成功:
更新:我更改了 Controller 以匹配 jedanput 的答案,但将 $scope 更改为此。
app.controller('firstController', [function(){
this.name = "Tim";
}]);
此外,我发现非常烦人的是,大多数示例仍然引用 Angular 1.2 中的完成方式。任何帮助将不胜感激,因为我无法理解这个问题。
编辑:这是我的index.html 文件。希望这能帮助你们了解出了什么问题。
<!DOCTYPE html>
<html lang="en" xmlns:ng="http://angularjs.org" id="ng-app" ng-app="myApp">
<head >
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ControllerAs</title>
<meta name="description" content="">
</head>
<body>
<div class="content" ng-view=""></div>
<!-- jQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- AngularJS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.6/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.6/angular-route.js"></script>
<script type="text/javascript" src="../js/app.js"></script>
<!--Directives-->
<script type="text/javascript" src="../js/directives/it-works.js"> </script>
<!--Controllers-->
<script type="text/javascript" src="../js/controllers/firstController.js"></script>
<script type="text/javascript" src="../js/controllers/secondController.js"></script>
</body>
</html>
到目前为止,我已经避免使用 Controller ,因为我所做的一切都可以通过指令和服务来完成,但现在是我更多地了解 Controller 的时候了。我认为这可能是我所缺少的一些基本东西。再次感谢任何帮助。
更新:仍然遇到相同的错误。这是我的 app.js 文件。也许它可以阐明这个问题。
var app = angular.module('myApp',[
'ngRoute'
]);
app.config(function($routeProvider) {
$routeProvider.when('/', {
templateUrl: "../partials/test-skeleton.html"
})
});
最佳答案
应该是
app.controller('firstController', ['$scope', function($scope){
$scope.name = "Tim";
}]);
此外,controllerAs 语法只是作用域的合成糖,您可以避免使用它:
<div ng-controller="oneCtrl">
{{name}}
</div>
而是使用这个:
<div ng-controller="oneCtrl as one">
{{one.name}}
</div>
当您有嵌套 Controller 时,这会非常有帮助。
关于javascript - 我试图理解 AngularJS 的controllerAs 语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28483797/
我是 C++ 的新手,我在使用这段代码时遇到了问题: string output_date(int day, int month, int year){ string date; if
所以我这样做了 tar cvzf test.zip FP 为了创建目录 FP 的 zip 但是,它会列出 zip 中的目录 FP/ FP/php/ FP/php/pdf/ FP/php/docs/ F
我正在尝试在 Swift、Xcode 7.3(所以是 Swift 2.2)中创建一个通用类,但我似乎无法让它通过编译器: protocol Struct1Protocol { } struct Str
我的测试用例是这样的: class FooTest extends PHPUnit_Framework_TestCase { /** @covers MyClass::bar */ f
我正在尝试将brew install wine作为使electron-builder工作的一步。但是我所能得到的只是以下响应: ==> Installing dependencies for wine
我这样做: string[,] string1 = {{"one", "0"},{"Two", "5"},{"Three","1"}}; int b = 0; for(int i = 0; i <=
我正在尝试使用 SetWindowsHookEx 键盘 Hook Notepad.exe。 如您所见,工作线程正在将其 ASCII 代码(即 wParam)发送到指定的服务器。 UINT WINAPI
我正在尝试将 ListView 实现到我的 Fragment 中,但无论我尝试什么,我都会得到一个 NullPointerException。我检查对象是否为 null 并记录是否为 null,看起来
我尝试在一行中对齐两个 div。使用 float left 属性,一切顺利。但是当我在 div 中使用图像时,它开始产生问题。 所以这是我的示例代码:- Some headi
我目前正在使用此代码来获取图像的灰度图像表示并以 (512, 370, 1) 的格式表示它大批。 img_instance = cv2.imread(df.iloc[i][x_col]) / 255.
总结 我正在创建一个简单的应用程序,它允许用户选择一个包含顶级窗口的进程。用户首先键入 native DLL(而非托管 DLL)的路径。然后用户键入将在 Hook 过程中调用的方法的名称。该方法不得返
我是一名优秀的程序员,十分优秀!