Javascript 基于AngularJS中数组中的值隐藏和显示元素

我有以下HTML代码：

<div ng-controller="DemoController">
            <label class="list-group-item" ng-repeat="option in DesignOptions">
                <input type="radio" name="optionsRadios" value="{{option[0]}}" />
                {{option[1]}}</label>


            <label class="list-group-item" ng-repeat="option in StyleOptions">
                <input type="checkbox" value="{{option[1]}}">
                {{option[2]}}
            </label>
        </div

{{选项[1]}
{{选项[2]}
将新属性添加到将存储选定设计选项的控制器：

$scope.designOption = 4;    // default to Full

将绑定添加到视图中的此属性：

<input ng-model="$parent.designOption" type="radio" value="{{option[0]}}" />



向复选框标签添加ng show指令：

<label ng-repeat="option in StyleOptions" ng-show='option[0] == designOption'>



我从元素中删除了class和name属性，只是为了让代码更清晰

注意：需要在无线电输入上引用$parent scope，因为ng repeat指令将为每个重复元素创建一个作用域，javascript原型继承规则意味着仅使用“designOption”将在子作用域上创建一个designOption属性，而不使用控制器中的属性。
WOW。。很好用。。我来自jQuery，刚开始学习AngularJS。很难理解绑定是如何工作的。非常感谢。与$parent完美配合。没有它就不能工作。
<label ng-repeat="option in StyleOptions" ng-show='option[0] == designOption'>