带有ng-init的html标签

Question

I am angularjs beginner. I was trying to do something like this:

    <div ng-init="elements=
        [
          {
            element:'<a herf='www.google.com'>google</a>'
          },
          {
            element:'<a herf='www.yahoo.com'>yahoo</a>'
          }
        ]">
          <div ng-repeat="item in elements">
              <p>{{item.element}}</p>
          </div>
    </div>

It doesn't work, I think it is because of the single quotes inside the a tag. Is there any workaround?

Answer 1

Like @PSL mentioned, you should move that logic into a controller:

$scope.elements = [
          {
            element:'<a href="www.google.com">google</a>'
          },
          {
            element:'<a href="www.yahoo.com">yahoo</a>'
          }
        ]

If you want to keep it in ng-init , the issue was that your href='...' , should be in double quotes like in the above code. In order to use double quotes, you need to escape them like this: \\" . You also misspelled href .

From the AngularJS docs :

"The only appropriate use of ngInit is for aliasing special properties of ngRepeat, as seen in the demo below. Besides this case, you should use controllers rather than ngInit to initialize values on a scope."