I was wondering whether someone could explain to me how AngularJs directives work.
I have the following code at the moment:
Index.html:
and my Login.html:
and finally my login.ts:
I'm trying to get that template file to be inserted into the index.html file. At the moment it currently just shows a blank screen, rather than the login.html, however when I remove the directive and copy and paste the code into the index.html it is fine and displays perfectly.
Any help is really appreciated.
you named your directive loginDirective, but in your html you use it as <log-in/> which is the equivalent of logIn, not loginDirective
.directive('logIn', app.loginDirective);
###################################################################################
# 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>
//---------------------------------------------------------------------------------
