Javascript 如何在angular中组合输入和HTTP get

我正在尝试将输入文本与HTTP get结合起来。我尝试了一些方法，但它不是我想要的。我有一些像这样的URL

http://localhost/web.php?tN=false&f5=kaka

在

f5

中，从HTML的输入中获取一些数据。这是我的HTML

<div class="list">
    <label class="item item-input item-floating-label">
        <span class="input-label"><i class="glyphicon glyphicon-user"></i> Username</span>
        <input id="inputPassword" class="form-control" placeholder=" Username" name="loginname" type="text" ng-model="loginData.username" ng-click="submitFunction()" required>
    </label>
    <label class="item item-input item-floating-label">
        <span class="input-label"><i class="glyphicon glyphicon-lock"></i> Password</span>
        <input id="inputPassword" class="form-control" placeholder=" Password" name="password" type="password" ng-model="loginData.password" required>
    </label>
</div>

我的问题是，我必须在表单用户名中输入后单击以获取数据。如果我必须在表单username中输入数据后才能获取数据，这会很复杂

---

有人有主意吗？请帮我解决我的问题。谢谢

您可以使用

ng change

指令。 只要输入值发生变化，它就会运行提供的函数

<input id="inputPassword" class="form-control" placeholder=" Username" name="loginname" type="text" ng-model="loginData.username" ng-change="submitFunction()" required>

结合起来，它看起来是这样的：

<input id="inputPassword" class="form-control" placeholder=" Username" name="loginname" type="text" ng-model="loginData.username" ng-model-options='{ debounce: 1000 }' ng-change="submitFunction()" required>

---

好了：）

试试换衣服。同时去除所有触发消化循环的元素。是的，很有效，谢谢，很有帮助

ng-model-options='{ debounce: 1000 }'

<input id="inputPassword" class="form-control" placeholder=" Username" name="loginname" type="text" ng-model="loginData.username" ng-model-options='{ debounce: 1000 }' ng-change="submitFunction()" required>