Javascript AngularJS内联/无分区可见性

嗨，我想控制窗体的div可见性。但它似乎与html/javascript不同

我的代码

html:

最后是错误

---

由于您试图触发角度事件，请使用

ng click

而不是

onclick

工作示例

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.WorkTravelControl=函数（）{
文件
.getElementById（“homeworkingselect”）
.addEventListener（“更改”，功能（e）{
值=e.目标值；
homeworking=document.queryselectoral（“.homeworking”）；
家庭作业。forEach（功能（el）{
el.style.display=value==0？“无”：“内联”；
});
});
};
});

4.
8.

                    <select name="homeworkingselect"  id="homeworkingselect" value="0" onclick="WorkTravelControl()">
                        <option value="0" selected></option>
                        <option value="4">4</option>
                        <option value="8">8</option>
                    </select>
                  
                </td>
                <td>
                    <input type="text" ng-model="outsideluxWork.value" class="homeworking" style="display: none;"></td>
                </td>
                <td>
                    <input type="text" ng-model="outsideluxTravel.value" class="homeworking" style="display: none;"></td>
                
            </tr>

$scope.WorkTravelControl = function () {
    document.getElementById("homeworkingselect").addEventListener("change", function(e) {
        value = e.target.value;
        homeworking = document.querySelectorAll(".homeworking");
        homeworking.forEach(function(el) {
        el.style.display = (value == 0) ? "none" : "inline";
        });
        });
        };