AngularJS transcluded nested directive -

-

I'm trying to create an angle command like this:

The main goals are being reused and each & lt; Input type = "radio" ng-model = "myModel.attribute"> gt; and code repeats in general.

I have written the following:

formjs.js 

  Var franz module = angular Modules ('HP Forms', []); // Director: formjsModule.directive ('radioButtonGroup', function () {return {restricted: 'e', ​​passed: true, scope: {dataModel: '@', group: '@', label: '@?'}, TemplateUrl: function (amm, atri) {return 'formjs / radio / radio-group-tpl.html';}}}) Instructions ('radio button', function () {return {restricted: 'e', ​​requirement: [ '^ Radio Baitan Group'], Translact: True, Scope: {Value: '@', Datamodel: '@', Group: '@'}, TemplateUurl: Function (AMM, Attri) {Return 'Forms / Radio / Radio -item -tpl.html ';}}});

formjs / radio / radio-item-tpl.html 

  & lt; Input type = "radio" name = "{{group}}" id = "{{group + '_' + id}}" ng-value = "value" ng-model = "data model" />

formjs / radio / radio-group-tpl.html {{label}} m: {{dataModel}} 

  & lt; Div class = "col-sm-10" id = "g _ {{group}}" ng-transcl & gt; & Lt; / Div & gt; & Lt; / Div & gt;

I am aware of the mutual realm, but I do not see a great way of doing this bond.

Help, please!

Should it be instructed? Will not it be enough? 

  // HTML template & lt; Div ng-repeat = "option in options" & gt; & Lt; Input type = "radio" ng-model = "$ parent.selected" ng-value = "options" & gt; {{Option}} & lt; / Div & gt; ... // $ controller $ scope. Selected = null; $ Scope.options = ['Radio One', 'Radio Two', 'Radio Three'];

Enter image details here

< P> Of course, if you insist, you can direct it.

The use of HTML, where option is the array as above. 

  & lt; Radio group group-name = "my group" ng-model = "selected" option = "option" & gt; & Lt; / Radio-group & gt;

Actual Directive 

  App Directional ('radio group', function () {return {restricted: 'e', ​​scope: {groupName: @ ',' Option: '=', ngModel: '='}, Template: 'Legend & gt; {{groupName}} & lt; / legend & gt;' + '& lt; div ng- Repeat = "Option in option"> "+ '& Lt; input type =" radio "' + 'ng-model =" $ parent.ngModel "ng-value =" option "& gt; {{option}}' + '& Lt; / div & gt;'}}});

imgur


Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more