Question

我有以下附带的附件

http://plnkr.co/edit/3H2q4eVJW5h0K3EdJIBe?p=preview

<html>
</html>

根据这个问题，我有3个问题我无法解决。

1）当用户点击“添加行”时，会显示3个输入字段。 2,3和1.我希望序列为1,2然后3. 1是自动完成输入框，它应位于顶部。如果我带1到顶部，我不会看到2和3然后。

2）Ok和Close按钮不关闭。我在功能上做错了吗？按“确定”应该让我在输入1处检索所选值。按“取消”应关闭模态

3）如果你看到$ scope.fetchList，它有一个JSON值。我希望$ scope.fetchList使用数组。为了获得以下内容，需要进行哪些更改。以下是自动填充列表项的示例。

$scope.fetchList = ["ActionScript","AppleScript","Asp","BASIC","C"];

Answer 1

我分叉你的here

以下是我如何解决您的问题：

第1期

我刚把你的元素包裹在div的

中

  <div>
    <div>
      <br> Select name:&nbsp;&nbsp;
      <autocomplete placeholder="Enter sedol" style="width:29%" selection="selection" source="fetchList" />
    </div>
    <div>
      <br> Given Data1:&nbsp;&nbsp;
      <input type="text" readonly>
    </div>
    <div>
      <br> Given Data2:&nbsp;&nbsp;
      <input type="text" readonly>
    </div>
  </div>

第2期

你需要保存在父控制器中声明的取消函数而不是模态的控制器，所以我移动了它。

第3期

我不明白这个问题。 fetchList（）已经返回一个数组，虽然是一个对象数组而不是一个字符串数组。将它更改为字符串数组会破坏指令中的各种代码。

Angularjs模态+自动完成输入（Plunker附加）

1 个答案: