2016-07-18 4 views
0

angularjsとブートストラップを使って テーブル行をポップアップウィンドウとして編集しようとしましたが、エディットフィールドをウィンドウに渡せませんでした これは私のコードanglejsとブートストラップを使用している私のポップアップウィンドウに渡された値が表示されませんでした

controller.js

this.openUser = function(row) { 
           $scope.user = row; 
           var userInstance = $uibModal 
           .open({ 
            animation : $scope.animationsEnabled, 
            templateUrl : './user_model', 
            controller : 'userModelController', 
            backdrop : true, 
            windowClass: 'monitoring-modal', 
            resolve : { 
             row: function() { 
               return row; 
              } 
            } 
           }); 

          }; 

と、これは私のモーダルコントローラ

angular.module('users').controller('userModelController', ['$scope', 'row', 
     function($scope ,row) { 
      this.row = row 
     } ]); 

であり、これは私のポップアップウィンドウがhでありますTML

<div class="modal-header"> 
    <h3 class="modal-title">Users</h3> 
</div> 
<div class="modal-body"> 
    <table class="table table-bordered" style="height: 350px; border-collapse:collapse;"> 
     <thead> 
      <tr class="modal-body"> 
       <th class="col-md-1" style="text-align: center; vertical-align: middle;"> {{ row }} </th> 
       <th class="col-md-1" style="text-align: center; vertical-align: middle;"> last name </th> 

     </thead> 
    </table> 
</div> 
<div class="modal-footer"> 
    <button class="btn btn-primary" type="button" ng-click="ok()">OK</button> 
    <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> 
</div> 

しかし、私は私の窓に取得することはあなたがthisrowを設定したブランク値

答えて

0

です。 $scoperowを設定してください。

$scope.row = row; 

私は最近、UI-ブートストラップモーダルを使用していないが、私はそれがcontrollerAs構文をサポートしていないと思います。少なくともあなたの現在の設定ではありません。

EDIT:判明し、それはサポートcontrollerAs構文行いますhttps://stackoverflow.com/a/23806963/841804

をそして、それはそれをサポートしていない場合でも、あなたは、あなたいけない、<controler-as-name>.rowに結合すべきか?

+0

コントローラにこの行を追加しましたが、動作しませんでした。 –

+0

コンソールにエラーがありますか?コンソールに値をデバッグまたは印刷し、空であるかどうかを確認してください。 クイックplunkrですか? – Chanthu

+0

plunkrを作る方法がわからないというエラーと問題(私はJava Scriptで新機能です) –

関連する問題