0

Angular Js - Typescript プロジェクトがあります。Angular-FoundationでModal を開発しようとしていますが、うまくいきません。

これは私のコードです:

HTML

<div>
   <script type="text/ng-template" id="myModalContent.html">
   <h3>I'm a modal!</h3>
   <ul>
      <li ng-repeat="item in vm.items">
       <a ng-click="selected.item = item">{{ vm.item }}</a>
      </li>
   </ul>
   <p>Selected: <b>{{ selected.item }}</b></p>
   <button class="button secondary" ng-click="reposition()">Reset top     position</button>
   <a class="close-reveal-modal" ng-click="vm.cancelModal()">&#215;  </a>
   </script>

   <button class="button" ng-click="vm.openModal()">Open me!</button>
   <div ng-show="selected">Selection from a modal: {{ selected }}  </div>
</div>

コントローラ

public items: any[];
constructor(private $modal: any){
   this.items = ["item1", "item2", "item3"];
}
public openModal() {
        let modalInstance = this.$modal.open({
          templateUrl: "myModalContent.html",
          controller: "MissionsCtrl",
          resolve: {
            items: function () {
              return this.items;
            }
          }
        });
        modalInstance.result.then(function (selectedItem) {
          this.selected = selectedItem;
        }, function () {
          console.log("Modal dismissed at:" + new Date());
      });
    }

そして、これは私が得るエラーです: エラー

情報:モジュール「mm.foundation」が app.ts に含まれており、JS ファイル (mm-foundation.min.js および mm-foundation-tpls.min.js) が index.html で正しく参照されています。

最終的に、誰かが angular-foundation を使用せずに AngularJS と Typescript でモーダルを実装する方法を知っていますか?

どこに問題があるのか​​ わかりません。

前もって感謝します！

編集：

app.ts ファイルを追加します。

(function(){
"use strict";

angular.module("MyApp", [
    "ngSanitize",
    "pascalprecht.translate",
    "color.picker",
    "ui.router",
    "mm.foundation",

    "app.core",
]);

})();

Angular Docsを読む問題はコントローラーにあると思いますが、それでも解決方法がわかりませんでした。

4

1 に答える 1

0

わかった！

障害は、アプリケーションの別の部分にありました。そこでは、foundation のタブセット クラスを使用するナビゲーション バーを作成し、角度のある基盤と競合していました。

于 2016-06-06T11:00:19.557 に答える