Skip to main content

Angular JS Jumpstart in Single Page (Quick Ref)

Challenges with SPA and which answered with Angular JS.


  • DOM Manipulation

  • Routing

  • Data binding

  • AJAX/ Promises

  • History/ Caching

  • Module loading

  • View loading


Which Angular consist of (vocabulary of ng world)


  • Data binding

  • MVC (Model-View-Controller)

  • Routing

  • Testing

  • JQLite

  • Templates

  • History

  • Factories

  • View Models

  • Controller

  • Views

  • Directives


Directives ?


Simply its reusable DOM element which may consist with attributes, element name, comment, CSS and etc. This instructs Angular HTML compiler($compile) to attach specified behavior to the DOM element via event listen or other. (Ref: https://docs.angularjs.org/guide/directive)

Eg: ng-app, ng-model..etc


Filters ?


This uses to get only some values from a collection which satisfies a condition.



FAQ : Can we write custom directives and filters? The answer is Yes.

$Scope


This is the link between view and controller, this also can be known as 'ViewModel'. As a example Customers is binded with view by $scope (consider you need to ng-controller defined for this).




Big Picture of Angular




http://www.codeproject.com/Tips/1081347/Angular-JS-Jumpstart-in-Single-Page-Quick-Ref

 

Comments

  1. You have done good work by publishing this article here.Custom Directives Tutorial in Angular I found this article too much informative, and also it is beneficial to enhance our knowledge. Grateful to you for sharing an article like this.

    ReplyDelete

Post a Comment

Popular posts from this blog

Turn off/ Hide Details panel/ Information Panel on modern SharePoint lists

Not always we require to show changes done by other which is a mandatory feature in SharePoint online.  What is details pane (aka. Information Pane)? Detail pane/ Information shows information regarding the document if you selected a one or its showing recent changes within a list or library. Follow link to Microsoft documentation about details pane. Bad news: Until Microsoft listen to User Voice , there is no straightforward way to enable disable this even you don't want. Good news: We could write a SharePoint framework extension to hack styles until Microsoft give us a permanent solution. How? I found this sample project (Inject CSS into modern SharePoint pages with React) which could reuse to our purpose. Thanks to Hugo for saving my time.  Steps to awesomeness:  Clone the project Resolve dependencies >  npm i Bundle >  gulp bundle --ship Package >  gulp package-solution --ship Upload package into SharePoint App catalog  

📢 Update -Top 10 Microsoft Teams questions from customers around the world

Over the last 4 months, we’ve traveled to 9 countries on Microsoft Ignite | The Tour meeting and speaking with users like you about Microsoft Teams. The insights and feedback at every location has been invaluable — Thank you. During our travels, there have been 10 questions that have repeatedly surfaced. Below are all of the questions — including the answers too, of course!   Can you restrict access to a specific channel in a team? What are best practices for governance, specifically around team creation, naming, and retention? Can I add guests to my team? If so, how? How does external access/federation work? How is this different to guest access? What functionalities do I get in a hybrid environment? Is Teams available for on-prem environments? How do I configure Direct Routing in Microsoft Teams? Why should I move from Skype for Business to Teams? How do I make this transition? I have existing SharePoint sites that I would like to bring into Teams. Can I do that? I need t

Eliminate Duplicates in Microsoft Flow and Azure Logic Apps

There is no straight forward method or Microsoft Flow action  to eliminate values in a collection like Microsft Excel (as of March 2019). This little hack will help you to eliminate/ remove duplicates and create a collection of unique values. Sample scenario: Need to send daily summarized notification to assigned approved with pending approval items. Sample workflow: Initialize an array Iterate collection of data and append items that are not there in the filtered array Side note: This won't be an option to consider if you too concerned about the performance of the workflow but for the time being its an option to consider.