Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何基于特定值显示角度控制器数据_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript 如何基于特定值显示角度控制器数据

Javascript 如何基于特定值显示角度控制器数据,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我试图根据一个特定的值显示来自角度控制器的数据,在本例中是一周中的几天。这是我的控制器: app.controller("ExerciseCtrl", function($scope){ var exercise_arr = [ { name: "Bicep Curl", weight: 30, day: "Monday" }, { name:

我试图根据一个特定的值显示来自角度控制器的数据,在本例中是一周中的几天。这是我的控制器:

app.controller("ExerciseCtrl", function($scope){
    var exercise_arr = [
        {
            name: "Bicep Curl",
            weight: 30,
            day: "Monday"
        },
        {
            name: "Bench Press",
            weight: 140,
            day: "Tuesday"
        },
        {
            name: "Squats",
            weight: 140,
            day: "Thursday"
        }
    ];

    $scope.exercises = exercise_arr;
});
现在在我的HTML中,一周中的每一天都有一个选项卡。我如何只显示控制器数据的日期,以及一周中某一天的相应选项卡

<ul class="nav nav-pills">
    <li><a href="#">Sunday</a></li>
    <li><a href="#">Monday</a></li>
    <li><a href="#">Tuesday</a></li>
    <li><a href="#">Wednesday</a></li>
    <li><a href="#">Thursday</a></li>
    <li><a href="#">Friday</a></li>
    <li><a href="#">Saturday</a></li>
</ul>

<div ng-controller="ExerciseCtrl">
    <ul ng-repeat="exercise in exercises">
        <li>
            {{exercise}}
        </li>
    </ul>
</div>

因此,我最终想要的是,当我单击“星期一”选项卡时,我只需要具有“星期一”日期值的控制器数据,等等。提前感谢您的帮助

尝试使用这样的过滤器

var app=角度。模块“anApp',[]; 应用程序控制器'ctrl',函数$scope{ var练习_arr=[ { 名称:二头肌卷曲, 体重:30, 日期:星期一 }, { 名称:台式压力机, 体重:140, 日期:星期二 }, { 名称:蹲式, 体重:140, 日期:星期四 } ]; $scope.exercises=exercise\u arr; $scope.setFilter=functionfilter{ $scope.filterDay=过滤器; } }; {{exercise.name}
你能分享一下你在处理这个逻辑时遇到的代码吗?我有点怀念angular的工作,如果你能把它封装在控制器中,你就可以做点什么了