角度模态:动态改变模态内容

时间:2016-04-18 09:28:37

标签: angularjs angular-ui angular-ui-modal

如果我将类型参数添加到按钮点击事件,我尝试了我的模态内容更改。

    <button type="button" class="btn btn-default" ng-click="open('lg', 'type1')">Large modal</button>
    <button type="button" class="btn btn-default" ng-click="open('sm', 'type2')">Small modal</button>

因此,如果我选择type1 modal或type2 modal,内容不会相应更改,模态内容只会更改为type2。 我在我的剧本中这样做:

  var titleType1 = "Type 1 Title";
  var titleType2 = "Type 2 Title";
  var contentType1 = "Type 1 Content";
  var contentType2 = "Type 2 Content";

  if (type = 'type1') {  
  $scope.modalTitle = titleType1;
  $scope.modalContent = contentType1;
  }
  if (type = 'type2') {
    $scope.modalTitle = titleType2;
    $scope.modalContent = contentType2;
  }

http://plnkr.co/edit/9VWvsPw4PzflKZDII5H0?p=preview

知道如何解决这个问题吗? :)

2 个答案:

答案 0 :(得分:2)

有两个错误。

1。 您将整个类型数组作为参数发送,而不仅仅是选择的类型。

 <form method="post" action="{{route('auth.signin')}}">                      
        <input type="text" name="email" class="header-login-input z-depth-2" placeholder="email"/>

        <input type="password" name="password" class="header-login-input z-depth-2" placeholder="password"/>

        <input type="hidden" name="_token" value="{{ Session::token()}}">
        <button name="action">Login</button>
    </form>
  1. 您将类型字符串与from django.db import close_old_connections ... close_old_connections() ... # do some db jobs, it will reconnect db 而非 resolve: { type: function() { return type; } }
  2. 进行比较

    如果你改变了这两件事,那就行了。

答案 1 :(得分:1)

将控制器更改为

cat_id