0

また助けが必要です！

角度コードの外部にロードされるウィケット コンポーネントにロードする角度コンポーネント (ui-bootstrap-datetimepicker) の取得に取り組んでいます。

現在の様子はこちら

Wicket からの HTML

<span class="dropdown">
  <a class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href="">
    <div class="input-append">
      <input type="text" placeholder="Date/Time Value" class="input-large" data-ng-model="data.storedValue" required date-time-input="MM/DD/YYYY hh:mm a">
      <button type="button" class="btn"><i class="icon-calendar"></i></button>
    </div>
  </a>
  <ul class="dropdown-menu">
    <datetimepicker data-ng-model="data.storedValue" data-datetimepicker-config="{ dropdownSelector: '.dropdown-toggle', minView: 'minute', minuteStep: 1 }"></datetimepicker>
  </ul>
</span>

angularをコンパイルするために実行されるJavascript

var $injector = angular.injector(['app', 'ui.bootstrap']);
var selector = this.selector;
$injector.invoke(function($rootScope, $compile) {
    var element = $compile(angular.element(selector))($rootScope);
    element.scope().$apply();
    angular.element(selector).scope().$apply();
});

app私のAngularアプリモジュールです。

これにより、コンポーネントが効果的にレンダリングされ、ドロップダウンが表示されますが、日付は入力されません。この画像に見られるように

他の構成をいくつか試しましたが、状況が悪化したか、まったく役に立ちませんでした。ご質問いただければ、できる限りお答えします！

編集 また、コンソールにたくさんのエラーが表示されますが、おそらく役立つでしょう:P

  • エラー: 不明なプロバイダー: $rootElementProvider <- $rootElement <- $location <- dropdownToggleDirective
  • 循環依存: $animator <- ngRepeatDirective
  • 循環依存: ngShowDirective
  • エラー: 構文エラー: トークン ',' は、[, $event)] で始まる式 [changeView('', , $event)] の 16 列目のプライマリ式ではありません。
4

1 に答える 1