AngularJsディレクティブのヘルプが挿入されない

Question

AngularJsディレクティブがどのように機能するのか誰かが私に説明できるかどうか疑問に思っていました。

私は、現時点で次のコードを持っている：

Index.htmlと：

と私のlogin.htmlと：

、最終的には私のログインを。 ts：

私はそのテンプレートファイルをindex.htmlファイルに挿入しようとしています。現時点では、現在のところlogin.htmlではなく空白の画面しか表示されませんが、指示文を削除してindex.htmlにコードをコピー＆ペーストすると完全に表示されます。

本当にありがとうございます。

Answer 1

あなたのディレクティブloginDirectiveの名前が、あなたのhtmlにあなたは<log-in/>としてそれを使用logInの等価である、ないloginDirective

.directive('logIn', app.loginDirective); 

Answer 2

################################################################################### 
# The problem is in your Login.html ... Refer to solution 1 or 2 below 
# Both with work. Just ensure that your directive name matches the 
# element 'E' you are injecting in your template. 
################################################################################### 


//--------------------------------------------------------------------------------- 
# Solution 1 
# login.ts 
.directive('loginDirective', app.LoginDirective); 


# Login.html 
<div> 
    <login-directive></login-directive> 
</div> 


//--------------------------------------------------------------------------------- 
# Solution 2 
# login.ts 
.directive('logIn', app.LoginDirective); 

# Login.html 
<div> 
    <log-in></log-in> 
</div> 

//---------------------------------------------------------------------------------