在Web風暴中不起作用的角度綁定

-2

我是angularjs的入門者，我嘗試創建一個簡單的事件註冊站點。這裏是我的HTML在Web風暴中不起作用的角度綁定

<!DOCTYPE html> 
<html lang="en" ng-app="eventsApp"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Event Registration</title> 
    <link rel="stylesheet" href="/css/bootstrap.min.css"/> 
    <link rel="stylesheet" href="/css/app.css"/> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"/> 
    <script src="/js/app.js"></script> 
    <script src="/js/controllers/EventController.js"></script> 
</head> 

<body> 
<div class="container"> 
    <div ng-controller="EventController"> 
     {{event.name}} 
    </div> 
</div> 
</body> 
</html>

這是我的app.js：

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

這是我的EventController.js：

'use strict'; 

eventsApp.controller('EventController', 
function EventController($scope){ 
    $scope.event = { 
     name: 'Driving Class', 
     date: '12/19/2015', 
     time: '8:00 AM' 
    } 
});

我無法找到我做了什麼錯在這裏，但綁定不起作用。無論如何，它只是在瀏覽器中顯示{{event.name}}。我嘗試使用本地angular.js文件和角度cdn。兩者都不起作用。相同的代碼在plnkr中工作，但在Web風暴中不起作用。這個問題是否與網絡風暴IDE相關？

來源

2015-12-17 Twin

問題是你沒有關閉腳本標記，同時加載angularjs，應當將其關閉像 '' –

這也沒有解決。仍然顯示爲{{event.name}} – Twin

控制檯中的任何錯誤呢？ –

你的控制器看起來應該像這樣

eventsApp.controller('EventController', EventController); 

function EventController($scope){ 

}

或類似這樣的

eventsApp.controller('EventController', function($scope) { 

);

來源

2015-12-17 20:09:01 Brady

我試了兩種。仍然沒有工作。仍然顯示爲{{event.name}} – Twin

請看看小提琴https://jsfiddle.net/varun1989/znqgxv2c/

可能有問題與您導入腳本的方式。 012anka正如pankaj所說，請正確關閉腳本標記。

來源

2015-12-17 20:28:40 Varun

正如我前面提到的，這在plunkr中起作用。但是我無法在我的Web Storm IDE中使用它。正如Pankaj所說，我關閉了腳本標記，但仍然無法使其工作。 – Twin

在Web風暴中不起作用的角度綁定

回答

相關問題