1

angularJsディレクティブを使用して動的追加属性を追加しようとしていますフォームに動的にhtmlタグを追加したい

私の見解 ：

<div ng-show="edit_tasks">   
   <edittask-form><edittask-form> 
</div>

マイ フォーム HTML

{
<div>
  <form ng-submit="submitFrom()" csrf-tokenized>
    Task Name<input type="text" placeholder="Name" ng-model="newtask.name" required />
    Task Description<input type="text" placeholder="Description" ng-model="newtask.description" required />
    Start Date <input type="text" placeholder="Start date" ng-model="newtask.start_date" required />
    Start Date <input type="text" placeholder="End date" ng-model="newtask.end_date" required />
    <input type="submit" value="submit" />
  </form>
</div>
}

私のディレクティブ

module.directive("edittaskForm", function() {
  return {
    restrict: "E",
    templateUrl: "<%=asset_path 'tasks/task_form.html' %>",
    controller: tasksCtrl,
    replace: false,
    link: function(scope, elt, attrs, controller) {
          scope.form = elt.find("form");
          console.log(scope.form);

          scope.taskEdit = function(task) {
            scope.task =  task;
            scope.show_tasks = false;
            scope.edit_tasks = true;
            scope.newtask = task;
          };
        }
  }
});

<input type="text" name="xyz" /> フォームに追加するにはどうすればよいですか

事前にThkの

4

2 に答える 2

1

ngShowを使用するだけでテンプレートでそれを行うことができますが、ディレクティブでそれを行いたい場合は、私が知っているようにhtml変換をサポートしていないため、リンク関数でそれを行うことはできないと思います.コンパイル機能については、こちらで詳しく読むことができます。

于 2012-10-24T09:37:39.993 に答える