Can I declare ng-repeat elements inside of javascript

Question

Is it possible to declare ng-repeat elements inside of javascript. I googled try to find the answer but I could not find. If other ways is there please give some ideas I am really lost my way right now.
Thank you

HTML

<div class="" ng-app='app' ng-controller='appCtrl'>
    <div ng-repeat='el in names'>
        <div ng-click="click">{{el}}</div>
    </div>
</div>

JavaScript

var app = angular.module('app', [])
var appCtrl = function ($scope) {
    $scope.names = [{
        name: 'jane'
    }, {
        name1: 'jane1',
        name2: 'jane2'
    }, {
        name3: 'jane3'
    }];
    $scope.click = {
        // I want to declare this part 
        //
        //
        // if (el.length() == 2) {
        //     alert('true')
        // }
    }
}

app.controller('appCtrl', appCtrl())

FIDDLE

The reference `el` is only available inside that ng-repeat. But why does your logic depend on ng-repeat? The ng-repeat is a view element, your logic should be independent of it. — doldt, May 29 '15 at 08:48
I think you need spend time to learn JS basics, before continue work with angular. — Mikalai, May 29 '15 at 08:49
Your second element in names has two 'name' attribute. The second one will overwrite first one. If you want to count the length of element, please use array. — Chang, May 29 '15 at 08:51
I think he want to check whether the el contain 2 elements or not. — prime, May 29 '15 at 08:55
@prime yes absolutely true. May be I could not explained better — Shaxrillo, May 29 '15 at 08:57
And the edit you have done is incorrect. then you can't access all the 'name' attributes you had before. `{{el.name}}` coz there are name,name1,name2,,, — prime, May 29 '15 at 08:58
@prime I just want to check `el` inside not `names` is it possible? I think i could not explain due to my first language is not english — Shaxrillo, May 29 '15 at 09:02
Difficult to tell what you want to do. What are you looking to do with the 'ng-click'? Are you just looking to list all the items? — adamjld, May 29 '15 at 09:08

score 0 · Answer 1 · answered May 29 '15 at 09:44

Check this answer I used input tags for the demo purpose.

<div class="" ng-app='app' ng-controller='appCtrl'>
<div ng-repeat='el in names'>
    <input  id="{{el.id}}" ng-click="clickz(el.id)" value = "{{el}}" > {{el}}</input>
</div>
</div>

The function clickz. If the number of names are equal to 2 it will alert.

$scope.clickz = function(id){
    //alert(id); 
    var len = document.getElementById(id).value.split(",").length-1;

    if(len == 2 ){
        alert(true)
    }

}

Can I declare ng-repeat elements inside of javascript

1 Answers1