AngularJS - Upgrading v1.2.5 to 1.3 to use bind once

angularjs optimization data-binding angularjs-scope bindonce
Oam Psy picture Oam Psy · Aug 15, 2014 · Viewed 8.7k times · Source

I am trying to improve the performance of my ng-repeat's. I have upgraded my project to use library v1.3.0 (main lib and route).

I am trying to use the bind once as here: Do bindings nested inside of a lazy one-time ng-repeat binding bind just once?

However, when i add :: to my ng-repeat, the list is not populated:

<li ng-repeat="info in Profile.ChangeInfo">                 
    <p> {[{info.Message}]} </p>
</li>

The above works.

The below fails:

<li ng-repeat="info in ::Profile.ChangeInfo">                   
    <p> {[{::info.Message}]} </p>
</li>

Error i see is:

Error: [$parse:syntax] http://errors.angularjs.org/1.3.0-beta.9/$parse/syntax?p0=%3A&p1=not%20a%20primary%20expression&p2=1&p3=%3A%3AProfile.ChangeInfo&p4=%3A%3AProfile.ChangeInfo

UPDATE Upgraded to beta 16, and now seeing this error in IE8:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; MS-RTC LM 8; InfoPath.3) Timestamp: Fri, 15 Aug 2014 12:01:03 UTC

Message: [$injector:modulerr] Failed to instantiate module ng due to:
Object doesn't support this property or method
http://errors.angularjs.org/1.3.0-beta.16/$injector/modulerr?p0=ng&p1=Object%20doesn't%20support%20this%20property%20or%20method
Line: 3982
Char: 7
Code: 0
URI: http://local host:1010/js/vendor/angular.js

Answer

runTarm picture runTarm · Aug 15, 2014

The bindonce syntax :: has been introduced since angularjs version 1.3.0-beta.16

You have to upgrade angularjs to version 1.3.0-beta.16 or newer.

Related questions

How to Optimize REST API Response time

am working on a E-commerce project which has internally four projects(parts). 1.) core -has users info 2.) cms-contents info 3.) oms-orders info 4.) wallet-payment info Used:- UI-AngularJs Backend-java No third paty api calls. caching already used only http calls among above four …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More