Question

我是angularjs的新手。我有一组单选按钮和我使用ng-repeat显示的相应值，我希望默认情况下检查第一个单选按钮。

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

</head>
<body>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script>
        var elementWidth = 300,
            elementHeight = 150,
            screenWidth = 1000,
            screenHeight = 800,
            svg = null;

        var drag = d3.behavior.drag()
                    .origin(function (d) { return d; })
                    .on("drag", dragged);
        var zoom = d3.behavior.zoom()
                    .scaleExtent([1, 10])
                    .on("zoom", zoomed);

        var nodes = [{ id: 0, x: 10, y: 10 }, { id: 1, x: 600, y: 10 }];
        var links = [{ source : 0 , target : 1 }];

        function createView() {
            alert();
                d3.select("body")
                    .attr("width", screenWidth)
                    .attr("height", screenHeight);

                svg = d3.select("body").append("svg")
                .attr("width", screenWidth)
                .attr("height", screenHeight)
                .call(drag);
            }

            function addNewNodes() {
                //change parameters

                for (var i = 0; i < nodes.length; i++)
                {
                    svg.append("rect")
                    .attr("x", nodes[i].x)
                    .attr("y", nodes[i].y)
                    .data([ {"x":nodes[i].x, "y":nodes[i].y} ])
                    .attr("width", elementWidth)
                    .attr("height", elementHeight).call(drag);
                }

                
            }

        /* DRAG & ZOOM */
        
            function zoomed()
            {
                svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
            }
            
            
            function dragged(d) {
                d3.select(this).attr("x", d.x = d3.event.x).attr("y", d.y = d3.event.y);
            }

        /* DRAG & ZOOM END*/
            this.createView();
            this.addNewNodes();

    </script>
</body>
</html>

任何帮助将不胜感激。谢谢。

Answer 1

您可以使用$index选择第一个输入

像：

ng-checked="$index==0?true:false"


<input ng-checked="$index==0?true:false">

如果您还想设置ng-model值，则需要将ng-model值初始化为迭代中的第一项，然后根据ng-model值检查输入。

示例：

<input ng-checked="yourModel==iterationItem" />

其中yourModel是ng-model，iterationItem将是迭代项。

Answer 2

试试这个：

在您的javascript中，将ng-model的默认值（oneClick.submitOneClickDetails.insuranceOptionsSubmit.coverID）设置为单选按钮的第一个值。

ng - 重复单选按钮默认检查

2 个答案: