アングラーJS命令パッケージをトップに戻す例を詳しく説明します。
angglarJSについてどうやってトップに戻るか、それとも直接コードですか?
1.命令を構築し、Register Directive構築コマンドを使用して内部のhasDirectivesオブジェクトに追加し、後にグローバル検索コマンドの時にマッチングしやすいようにします。
register DirectiveはCompleProviderドルの方法で、主に内部のhas Directivesオブジェクトにインラインコマンドを追加して、グローバル検索コマンドの後でマッチングしやすいようにします。
命令はhtmlの角度から、命令名は識別子と考えられ、要素名(E)、元素属性(A)、注釈(M)、類名(C)としてhtmlに表示され得る。JavaScriptの観点からは、リターンの一つの規範化された特殊な意味を持つコマンドオブジェクトと考えられます。
link関数はdomを操作できる命令を作成します。署名は以下の通りです。
elementは、このコマンドを使用する要素の一例を表します。postlink関数では、サブ要素は既にリンクされているので、この要素のサブ要素だけを操作するべきです。
atrs 代表的な属性は、要素に定義された属性からなる標準化されたリストであり、すべての命令のリンク関数間で共有できます。JavaScriptの対象として伝達されます。2.定義されたbackTopコマンドオブジェクトをページで呼び出します。
2.ページでbackTop命令を呼び出す
restict-EACMのサブセットの文字列は、directiveが指定された声明方式であることを制限します。省略すると、directiveは属性宣言のみを許可します。
E-元素名:
A-属性名:
C-class名:
M-コメント:<!--back-to-top->
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
1.命令を構築し、Register Directive構築コマンドを使用して内部のhasDirectivesオブジェクトに追加し、後にグローバル検索コマンドの時にマッチングしやすいようにします。
/**
**
**/
define(["app"], function (app) {
app().registerDirective("backToTop", function () {
return {
restrict: "E",
link: function (scope, element, attr) {
var e = $(element);
$(window).scroll(function () { //
if ($(document).scrollTop() > 300) // , 300px
e.fadeIn(300)
else
e.fadeOut(200);
});
/* */
e.click(function () {
$('html, body').animate({ // animate
scrollTop: 0
}, 500);
});
}
};
});
});
注:register DirectiveはCompleProviderドルの方法で、主に内部のhas Directivesオブジェクトにインラインコマンドを追加して、グローバル検索コマンドの後でマッチングしやすいようにします。
命令はhtmlの角度から、命令名は識別子と考えられ、要素名(E)、元素属性(A)、注釈(M)、類名(C)としてhtmlに表示され得る。JavaScriptの観点からは、リターンの一つの規範化された特殊な意味を持つコマンドオブジェクトと考えられます。
link関数はdomを操作できる命令を作成します。署名は以下の通りです。
link:function(scope,element,attrs){};
scopeはその内部作用領域にモニターの役割領域を登録する。elementは、このコマンドを使用する要素の一例を表します。postlink関数では、サブ要素は既にリンクされているので、この要素のサブ要素だけを操作するべきです。
atrs 代表的な属性は、要素に定義された属性からなる標準化されたリストであり、すべての命令のリンク関数間で共有できます。JavaScriptの対象として伝達されます。2.定義されたbackTopコマンドオブジェクトをページで呼び出します。
2.ページでbackTop命令を呼び出す
<back-to-top class="back_top" title=" ">
<i class="fa fa-angle-up"></i>
</back-to-top>
注:restict-EACMのサブセットの文字列は、directiveが指定された声明方式であることを制限します。省略すると、directiveは属性宣言のみを許可します。
E-元素名:
A-属性名:
C-class名:
M-コメント:<!--back-to-top->
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。