1. 首頁
  2. 問答
  3. 初學者在angularJS幫助

初學者在angularJS幫助

2014-09-23 208 views
0

我想使用一個簡單的指令。它應該輸出'kk'字符串。但事實並非如此。你可以看看並指出錯誤嗎？初學者在angularJS幫助

http://jsbin.com/qunuqereneya/1/edit

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>JS Bin</title> 
</head> 
<body> 

    <menu></menu> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> 
</body> 
</html>

JS：

變種mainModule = angular.module（ 'MainModule'，[]）;

mainModule.directive('Menu', function() 
{ 
    return { 
     restrict: 'E', 
     template: 'kk' 
    }; 
});

預先感謝您

來源

2014-09-23 user1089583

回答

1

只有在代碼中的幾個問題：在頁面上聲明

  1. ng-app需求。這定義了您的應用程序的上下文：

  2. 大小寫問題，請將Menu更改爲menu。

HTML：

<html ng-app="MainModule"> 
    <head> 
     <meta charset="utf-8"> 
     <title>JS Bin</title> 
    </head> 
    <body> 
    ...

JS：

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

mainModule.directive('menu', function() 
{ 
    return { 
     restrict: 'E', 
     template: 'kk' 
    }; 
});

來源

2014-09-23 10:31:29

+0

謝謝。我注意到這個指令只適用於'menu'這個名字，但是它沒有名稱'Menu'（在HTML和JS中都改變了）。你能解釋一下爲什麼？ – user1089583 2014-09-23 11:46:36

0

你忘了您的應用定義。 把ng-app =「MainModule」放在你的body元素上，然後它就可以工作。

<body ng-app="MainModule">

來源

2014-09-23 10:32:42 Ngschumacher

相關問題

 相關問題