AngularJS - 輸入指令的可能性

我對指令有疑問。我有指令：AngularJS - 輸入指令的可能性

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

app.directive('hello', function() { 
    return { 
     restrict: 'AE', 
     replace: 'true', 
     template: '<h3>Hello World!!</h3>' 
    }; 
});

我試圖把這個指令頁的詳細方式：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en" ng-app="myapp"> 
<head> 
    <meta charset="utf-8"> 
    <title>My HTML File</title> 
    <script src="../js/angular-1.4.7.js"></script> 
    <script src="../js/directives/directives.js"></script> 
</head> 
<body> 

<hello/> 
<div data-hello ></div> 
<div data-hello ></div> 
<hello/> 


</body> 
</html>

我期待4X世界，你好！在頁面上，但只有1x。當我刪除第一個輸入（<hello/>），所以沒有問題是有3倍。爲什麼指令的組合輸入規則是？

來源

2015-10-13 basfot

那麼沒有什麼似乎有錯，但根據你的描述，你可以嘗試一件事。您可能會發現瀏覽器正在解釋您的自定義HTML標記「不正確」，並且沒有意識到它們正在關閉。如果是這種情況，那麼你只會看到一個，因爲其他的被包含在第一個div之內，因此被替換。試着改變你的標記，而不是以下：

<hello></hello> 
<div data-hello></div> 
<div data-hello></div> 
<hello></hello>

看看是否能工程

來源

2015-10-13 10:09:35 PaReeOhNos

謝謝。我實際上使用Chrome。 – basfot

AngularJS - 輸入指令的可能性

回答

相關問題