如下代码所示,定义了directive layoutHeader,按照我的理解,直接在html中引用<layout-header></layout-header>
就可以了。
想问下,这里的
document.createElement('layout-header'); 有什么作用?是必须的吗?
原代码如下:
angular.module('app').directive('layoutHeader', function () {
return {
restrict: 'E',
scope: {},
templateUrl: 'components/layout/header.html',
controller: 'LayoutHeaderCtrl'
};
});
document.createElement('layout-header');
Ceci est uniquement pour le traitement de compatibilité. IE8 ne peut pas reconnaître les éléments personnalisés, mais ceux créés avec js le peuvent.
document.createElement
C'est la méthode js fournie par le navigateur. Le DOM peut être généré à l'aide de code.Vous pouvez simplement le citer directement dans le html, il n'est pas nécessaire de le créer dans le code.
Utilisez simplement <layoutHeader></layoutHeader> directement dans le code html.
Est-ce un exemple de code ?
En fait, il s'agit simplement de créer cet élément en js. C'est la même chose que de l'écrire directement en html.
= = En fait, je suis un peu curieux de savoir de quel type de manuel d'introduction il s'agit. .
Comme Xiaohe l'a dit, c'est fait pour des raisons de compatibilité.
Référence : http://www.oschina.net/translate/angularjs-ie-compatibility?print