2016-05-27 14 views
-1

Ich habe versucht, anzuzeigen und eine Liste in HTML als Label für Radio-Button verwenden, die wie folgt aussehen sollte:Wie html Radiobutton-Label mit AngularJS


| Option1 |


| option2 |

Die Option Nummer ist nicht festgelegt, in meinem Back-End verwende ich AngularJs, um die Website dynamisch zu machen. Mein Code sieht wie folgt aus:

  • {{opt}}
  • nun das Ergebnis habe ich wie folgt aussieht:


    | Option1 | | option2 |


    Ich weiß es, weil ich nur ein

  • erstellen, aber nicht wissen, wie es zu beheben, könnte jemand mir einige Anregungen?

    Antwort

    0

    Von meinem Verständnis Ihrer Frage versuchen Sie, Ihre Label-Schaltflächen aussehen wie list items? Ich möchte darauf

    .label { 
        display: list-item; 
    } 
    

    auch darauf hinweisen, dass Angular JSist NICHT ein back-end Rahmen: aussehen wie list items

    Wenn ja dieses CSS der Behälter Ihrer Radioboxen zu bekommen.

    AngularJS ist ein struktureller (Frontend) Rahmen für dynamische Web-Anwendungen. Sie können HTML als Vorlagensprache verwenden und die HTML-Syntax erweitern, um die Komponenten Ihrer Anwendung klar und prägnant auszudrücken.
    (Source)

    Sie mehr über lesen können, was Angular JS ist über here.
    Sie können auch mehr über Angulars Api über here lesen.

    Viel Glück und alles Gute.