Question

我正在开发一个带有角度JS的简单网站，它将在我的公司中涉及各种项目细节。所有输入都存储在project.json中，所以我在下面的html中访问这些值来显示。 {{project.popup.location}}数据将具有多个位置，例如美国，欧盟，亚洲。截至目前我已经开发了这个来显示所有项目数据。现在我想为{{project.popup.location}}添加一个复选框选项，这样我只能看到我选择的位置。那可能吗？任何方式都可以做到这一点。

project.html

              {{project.popup.framework}} {{project.popup.location}}                           {{项目名}}

                                      监控               事故管理               问题管理                                                          {{project.coverage.monitoring}}                 {{project.coverage.incident}}                 {{project.coverage.problem}}                                                  {{project.vertical}}

          视图   细节

对于非常高级别的解释感到抱歉，这是我的第一个前端开发我是JAVA开发人员。我已经研究并花了很多时间来开发它。如果它太基本了，请原谅我。如果需要，我将添加控制器和JSON文件。

Answer 1

根据我对您的问题的理解，我理解的是您想要显示从复选框中选择的位置。

您需要模型来处理您想要的内容。

ngModel 指令使用NgModelController将输入，select，textarea（或自定义表单控件）绑定到作用域上的属性，NgModelController由此指令创建并公开。

这是一个简单的用例，可以帮助您入门。

<!DOCTYPE html>
<html>
  <head>
   <title>sample</title>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> <!-- AngularJs 1.5.0 -->
 </head>
  <body ng-app>
    <div>
      {{ repoLimit }}
    </div>
    Set Limit: 
    <select ng-model="repoLimit">
        <option value="10">10</option>
        <option value="100">100</option>
        <option value="1000">1000</option>
    </select>
  </body>
</html>

希望这会有所帮助......

参考文献 - https://angularjs.org/

https://docs.angularjs.org/api/ng/directive/ngModel

在AngularJS中添加复选框以进行搜索

1 个答案: