Question

我有li个元素，其ng-if语句与复选框相关联。如果我实际选中该复选框，ng-if会按预期响应。但是，如果我通过JavaScript选中或取消选中该复选框，则会按预期选中或取消选中复选框，但ng-if不响应。这是否正常工作？有更好的方法吗？

以下是我的代码示例：＆＃34; []＆＃34; =＆＃34;＆lt;＆gt;＆＃34;

HTML - 第1部分

[li id =＆＃34; homebutton＆＃34; ng-if =＆＃34; homechecked！= true＆＃34; onclick =＆＃34; homeclicked（）＆＃34;] [a ng-href =＆＃34; /＆＃34;] [img src =＆＃34; images \ Neck01Home.png＆＃34; ALT =＆＃34;首页＆＃34; /] [/ A]

[li id =＆＃34; thebandbutton＆＃34; NG-IF =＆＃34; homechecked ===真＆＃34; onclick =＆＃34; thebandclicked（）＆＃34;] [a ng-href =＆＃34; / theband /＆＃34;] [img src =＆＃34; images \ Neck01TheBand.png＆＃34; alt =＆＃34;乐队＆＃34; /] [/ A]

HTML - 第2部分

[label class =＆＃34; menucontroller＆＃34;] Home2：[input class =＆＃34; menucontroller＆＃34; ID =＆＃34; homecb＆＃34;类型=＆＃34;复选框＆＃34; NG-模型=＆＃34; homechecked＆＃34; NG-INIT =＆＃34; homechecked =真＆＃34; /] [/ label] [br /]

[label class =＆＃34; menucontroller＆＃34;] TheBand2：[input class =＆＃34; menucontroller＆＃34; ID =＆＃34; bandcb＆＃34;类型=＆＃34;复选框＆＃34; NG-模型=＆＃34; thebandchecked＆＃34; /] [/拉贝] [

[label class =＆＃34; menucontroller＆＃34;] Gallery2：[输入类=＆＃34; menucontroller＆＃34; ID =＆＃34; gallerycb＆＃34;类型=＆＃34;复选框＆＃34; NG-模型=＆＃34; gallerychecked＆＃34; /] [/ label] [br /]

的JavaScript ：

window.onload = function () {
}

function homeclicked() {
    document.getElementById('homecb').checked = true;
    document.getElementById('bandcb').checked = false;
    document.getElementById('gallerycb').checked = false;
}

function thebandclicked() {
    document.getElementById('homecb').checked = false;
    document.getElementById('bandcb').checked = true;
    document.getElementById('gallerycb').checked = false;
}

function galleryclicked() {
    document.getElementById('homecb').checked = false;
    document.getElementById('bandcb').checked = false;
    document.getElementById('gallerycb').checked = true
}

Answer 1

你做错了，read_imagei没有触发，因为你只操纵选中和未选中的复选框（使用javascript）而不是ng-model，不要尝试使用javascript来做而是在角度控制器上进行。

控制器：

ng-if

ng-model on复选框输入处理选中和取消选中它，还有一个本机指令https://docs.angularjs.org/api/ng/directive/ngChecked用于处理检查和取消选中。

Answer 2

以适当的角度方式做。

移动控制器内的功能。通过WebWiew致电他们。让函数更改绑定到复选框的范围变量。

ng-click

在你的范围内的平均时间......

<li id="homebutton" ng-if="homechecked != true" ng-click="homeclicked()">

如果你真的想忽视我的建议并继续你所拥有的东西，这非常糟糕，你可以在你的函数中添加这一行：angular.element（document.getElementById（'homecb “））$范围（）$适用于（）。;这又是非常糟糕的，应该完全避免。

Answer 3

使用

 <?php } else if (($_SESSION['Usertype']) == 'recruiter') { ?>
    <table class="table table-hover">
        <?php
            $u_id = $_SESSION['UserID'];
            $notifyR = " SELECT bidid, recbid_id, bidder_id, selected, accept FROM tbl_bides WHERE recbid_id  = '" . $u_id . "'";

            $ResultR = mysql_query($notifyR, $con);

            while ($rowR = mysql_fetch_array($ResultR)) {
                if ($rowR['accept'] == "Accepted") {
                    echo "<h3 style='color:#001F7A;'><b>You Have Updates </b><i class='fa fa-bell-o'></i></h3>";
                    echo $rowR['bidder_id'];
                }

                $recR = "SELECT users_id, first_name, last_name  FROM tbl_users WHERE users_id = '" . $rowR['bidder_id'] . "'";
                $recResultB = mysql_query($recR, $con)or die(mysql_error());

                while ($rowre = mysql_fetch_array($recResultB)) {
                    echo " <tr><td>" . $rowre['first_name'] . " " . $rowre['last_name'] . "</td></tr>";

                }
            }
        ?>

它将运行摘要循环，你的ng-if将按预期工作。

角度ng-如果没有按预期响应

3 个答案: