2017-05-26 19 views
0

こんにちは私はangularjsを初めて使い、$ uibmodalの機能を探っています。私は$ uibmodal.openを動作させることができましたが、私が理解していないエラーが発生しました。 My $ uibmodal.closeは現時点では機能していませんが、$ uibmodal.submitを使用すると、現在の配列に追加するのではなく、ページをリセットします。誰かが私に素晴らしい機能を得るためのヒントを与えることができれば。ありがとう。 Here is my Github repository

答えて

0

また、コードで私が持っている他の問題が同様に存在するこの

modalInstance.close('resetModel'); 
2

最初にこのサイトを使用する方法。外部の情報源に出くわすことなく問題を理解できるはずです。 githubリポジトリへのリンクは素晴らしいですが、ここにもコードを投稿する必要があります。主にレポが変わる可能性があるので、誰にでもこの質問は何が良いのでしょうか?

第2に、私は$ uibModal.submit()のようなものがあるとは確信していませんので、どこから取得したのか教えてください。しかし、私は、デフォルトではページをリロードするフォーム提出のようなものを引き起こしていると推測しています。角では、ページをリロードすることはほとんどありません。

次はこれです:

modal.close = function() { 
    $uibModal.close(/* Something missing here */); 
}; 

あなたはおそらくあなたがモーダルモーダル外に何も影響を与えたい場合はここで何かを返したいです。ドキュメントから:結果はこの形式で渡す必要があります。{$value: myResult}

そして最後に:

var mobalInstance = $uibModal.open({ 
    templateUrl : '/templates/modals.html', 
    controller: 'ModalCtrl', 
    controllerAs: 'modal' 
}); 

これは、モーダルインスタンスを生成するための良い、すべてのですが、処理するために何かをする必要があります応答(閉じたときに返される値)も同様です。 modalInstance.resultには、約束を見つけることができます。つまり、.then(successHandler, errorHandler)を使ってアクセスできます。モーダルが終了すると呼び出されます。例えば(ドキュメントから):ここ

modalInstance.result.then(function (selectedItem) { 
    $ctrl.selected = selectedItem; 
}, function() { 
    $log.info('Modal dismissed at: ' + new Date()); 
}); 

selectedItemモーダルから返された値であり、そして$ctrl.selectedモーダルを開けコントローラ内のプロパティです。

+0

で試すことができます。私は 'ModalController'と' ModalInstanceController'を持っていると思っているのが混乱していると思います。彼らが 'ModalDemoController'を使うangular.uiデモに注目してください。つまり、 'RoomCtrl'を使用して' PageCtrl'または 'SomesectionCtrl'と呼ぶ方が良いということです。 – ippi

+0

入力いただきありがとうございます。これは私が約3週間それに固執している学校からの課題です。プロジェクトには非常に多くの異なる部分があります。プロジェクトのブランチにリンクすることなく、すべてを組み込む方法がわかりませんでした。私は前にすべてのこれらの可動部品で作業したことはないので、次回はすべてのファイルをページにリンクする必要がありますか?私は、プロジェクトをリンクするかどうか分からないだけで、人々が私が何をしようとしているのかを確かめたいと思っていたからです。 –

+0

あなたが関連性があると思うものを追加し、誰かが尋ねるともっと編集してください。あなたのプロジェクトに幸運を祈る! – ippi

関連する問題