今やろうとしていることは、画面読み込み時にテンプレート情報を読み込み、動的にDOMを作成。
データバインディングまで出来るようにしたいです。
現在は大体このような形になっています。
lang
1 $scope.formList = [name:'aaaa']; 2 3~ ~ ~ 4 var modelName = "formList.name"; 5 var element = "<label>Name</label>{{"+modelName+"}}"; 6 element += "<input type='text' ng-model='"+modelName +"'>"; 7 $(".hogeArea").append(element);
出力されたHTMLを見てみると、こんな形になっています。。。
<label>Name</label>"{{formList.name|json}}" <input type='text' ng-model='formList.name'>
onchangeで入れるか動的にDOMを生成するロジックをHTMLファイルの方で行った方がいいですかね・・・
(出来るのかはまだ分からないのですが・・・)
何か情報をお持ちの方はご教授頂けると助かります。
よろしくお願い致します。
追記:
link関数が使えるかな・・・?
追記2:
directiveのtemplateでDOM作成,linkでDOM追加をすればよさそうですが、
現在のcontrollerを読み込ませてる親controllerで読み込んで$scopeに渡している情報を
directiveのscopeの方で単純に読み込むことが出来ないのでやり方を探してきます。。。
追記3:
.controllerに一通りDOMを吐き出す処理などは書いて、
吐き出した後にlinkを動かすような処理を目指して書いてみようと思います。
参考
・ここらでDirective Scopeの@=&をまとめておきたいと思う
・AngularJS Directiveの処理順を網羅してみた
方向がずれてるとかもっと簡単にかける!とかあれば助言をお願いします!
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/04/10 00:15