2017-02-16 74 views
0

新增角度。如果它沒有控制器運行良好,然後添加ng-controller指令到html標記並打破插值。使用Angular 1.6。我錯過了什麼?

的index.html

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>ngClassifieds</title> 
</head> 
<body ng-app="ngClassifieds" ng-controller="classifiedsCtrl"> 

    <h1>{{ name }}</h1> 

    <!-- Scripts --> 
    <script src="node_modules/angular/angular.js"></script> 
    <script src="scripts/app.js"></script> 
    <script src="components/classifieds.ctr.js"></script> 
</body> 
</html> 

app.js

angular.module("ngClassifieds", []); 

classifieds.ctr.js

(function() { 
    "use strict" 

    angular 
     .module("ngClassifieds") 
     .controller("classifiedsCtrl", function($scope) { 

      $scope.name = "George Washington"; 
     }); 
    })(); 
+0

路徑是正確的? – Sajeetharan

+0

可能是 ..檢查你的CTRL文件路徑 – Amitesh

+0

檢查過的文件路徑並不是問題所在。謝謝 – user3911617

回答

-2

它就像你正在申報應用兩次,試試這個:

app.js

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

classifieds.ctr.js

myApp.controller("classifiedsCtrl", function($scope) { 
     $scope.name = "George Washington"; 
    }); 
+0

沒有...'angular.module(「ngClassifieds」)'是一個吸氣劑,而不是一個setter,當沒有第二個爭論是存在的,你的方法需要暴露一個不需要的全局變量。見[John Papa Angular Style guide](https://github.com/johnpapa/angular-styleguide/tree/master/a1#iife) – charlietfl

+0

我的不好...謝謝你的澄清 –

相關問題