ホームページ > ウェブフロントエンド > jsチュートリアル > angularJS_AngularJS での入力例の共有

angularJS_AngularJS での入力例の共有

WBOY
リリース: 2016-05-16 16:15:03
オリジナル
969 人が閲覧しました

入力コマンドの使用例を次に示します

コードをコピーします コードは次のとおりです:



<頭>

無題のドキュメント

<スクリプト src="http://localhost:81/js/jquery.js">

<スクリプト src="http://localhost:81/js/angular.min.js">







<スクリプト>
var app = angular.module('デモ', [], angular.noop);
app.directive('test', function(){
//入力コマンドのリンクには 4 番目のパラメータがあり、$ctrl にはいくつかのメソッドがあり、自分で使用できます
var link = function($scope, $element, $attrs, $ctrl){
console.log( $ctrl )
$ctrl.$formatters.push(関数(値){
return value.join(',');
});
$ctrl.$parsers.push(関数(値){
return value.split(',');
});
}
戻り値 {compile: function(){return link},
必要: 'ngModel',
制限: 'A'}
});
app.controller('TestCtrl', function($scope){
$scope.a = [];
//$scope.a = [1,2,3];
$scope.show = function(v){
console.log(v);
}
});


コードは非常にシンプルです。お友達が自由に拡張できます。気に入っていただければ幸いです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート