将小表单插入dropDown指令

时间:2015-07-30 12:29:58

标签: angularjs twitter-bootstrap drop-down-menu

我需要帮助 plunker

在我的工作中,我需要打开一个小的下拉列表,其中包含一个小表格。它必须是一个指令。

1-我的指令会收到一个模型(我不知道为什么,它会显示)

2-必须在输入上打印模型

3-使用保存按钮,新的参数写入必须通过回调传递给paren

  1. 如果我点击下拉列表或者如果我点击取消按钮,则必须关闭下拉列表。
  2. 任何人都可以帮我完成这项工作吗?

    非常感谢

    <body class="container" ng-controller="mainCtrl" dropdown-listener>
    
      <h1>option DropDown</h1>
    
      original data: <h4>{{profile.city}},{{profile.province}},{{profile.country}}</h4>
    
      <dropdown-multiselect user-profile="profile"></dropdown-multiselect>
    
    </body>
    

1 个答案:

答案 0 :(得分:0)

我认为我的东西与你正在寻找的东西很接近。

您需要的第一件事就是在下拉列表中将自动关闭设置为禁用,因此只要您点击它就不会关闭。

<div class="btn-group" dropdown auto-close="disabled" is-open="isopen">

您还遇到了一个问题,即您尝试将表单输入直接链接到外部变量。我认为你只想在按下“提交”时设置那些?

无论如何......看看这个羽毛球员,看看它是否更接近你想要的东西。

http://plnkr.co/edit/rK3gmN9rHksZrGuEM6r6?p=preview

使用ng-init编辑了plunker现在有初始值。

<input type="text" id="ciudad" ng-init="profile.country=initProfile.country" ng-model="profile.country"></input>