javascript - when using $compile why do images take a long time to load? -


I am using an instruction that looks like an HTML file in angled page: 

 . Directive ("injection", ['$ compile', 'toolsService', ($ compilation, tool service, type) - & gt; Scope: true link: (field, element, attrs) -> type = attrs WidgetType attrs $ $ "Template", (template) -> if display angular.isDefined (template) and "template" template # compiled the template against current scope el = $ compilation (template) # to empty The stupid way to add Element element.html "# # Template Content Elements. App L

This works fine Yes but the problem is that an image inside the compiled html (indicating that the app is still calculating the values ​​going inside that part of the page) the way the page is delayed in the way of life. / P>

If the HTML looks like this: 

  Lieutenant !! - Compiled HTML -> gt; & lt; img src = "img / yellow-refresh-2" Gif "> <> - Compiled HTML -> gt; ng-init =" data.refreshing = true; data.error = false; "& gt; & lt; div & gt; {{ Data.refreshing}} & lt; / div & gt; & Lt; Div class = "header" & gt; & Lt; H5 class = "ib alias ng-binding" & gt; This title is & lt; / H5> & Lt; Div class = "data status is right" & gt; & Lt; Img ng-hide = "data.refreshing == false" src = "img / yellow-refresh-2.gif" class = "ind refresh ng-hiding" & gt; & Lt; Img ng-hide = "data.refreshing || data.error" class = "good" & gt; & Lt; Img ng-show = "data.error" class = "inner error ng-hide" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; IMG will appear immediately outside the compiled HML, but the same IMG with the same source inside the compiled HTML will later be visible about a full second. Actually my code can ask the database to be aggregated on a large record set and displays those results (inside the compiled HTML)  before  the image inside the compiled HTML is showing  
  {{data.refreshing}}  is appearing on the page and it is correct when the page loads. When the data comes back from the DB call, I can switch it to the wrong. After the template compilation, HTML ( {{data.refreshing}}  is particularly visible, while the latter picture is shown in the next half-second time - but on the same picture above the page When the page loads, it appears at the top. 
 
 Important Note: This is the first page load (Ctrl F5), so it is more likely to be a problem. But this is not just a loading problem. Because all examples include compiled HT Img is visible outside the ML 
 
 How do I get the image inside the compiled HTML to show quickly? As compiled HTML it should be visible as well ... OK, compiled < / P>


Comments

Post a Comment

Popular posts from this blog

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

scala - Play Framework - how to bind form to a session field -

Is there any way, I can get some parameters from the header, cookies (log in userId in my case) , And then apply it in a form which I know who will deposit the ticket? SupportForm supportForm: form [supportTicket] = form (mapping ("question" -> text, "priority" -> text) (apply support ticket. (HelpText.update) What are the good practices here? What is the call to apply the request, when I can use it (and also a good practice?) Edit An issue, absolutely deceiving anyone if I were to create a hidden area with this value. It could Ript, but the issue may be re-used in any way to verify and return the form, it can not be sure how it ....
Read more