You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{"ng-app": "Tells AngularJS to be active in this portion of the page. In this case the entire document."
741
-
,"project": "The <code>ng-app</code> activates the <code>project</code> module for this page region. This lets you have modules that run in different parts of the page."
,"firebase.js": "Load the Firebase JavaScript SDK."
746
-
,"angularfire.min.js": "Load the AngularJS bindings for Firebase."
747
-
,"project.js": "The <code>project.js</code> file contains the controllers which specify your application’s behavior."
748
-
,"ng-view": "We’re marking this <code><div></code> as the place we’ll load partial pages or “views”. The surrounding page will stay static while we load changing UI into this section. In this case, we’ll be switching between a list of “projects” and the form to add new or edit existing “projects”."
749
-
}
750
-
,"project.js":
751
-
{"project": "This defines the <code>project</code> module. You use modules to configure existing services, and define new services, directives, filters, and so on. Here, we’ll set up ‘routes’ that map URLs to partials. AngularJS watches the browser location and automatically updates the partial when the URL changes."
752
-
,"firebase": "Modules can depend on other modules. Here, <code>project</code> needs <code>firebase</code> which handles the persistence for this application."
753
-
,"value": "Define a singleton object that can be injected into controllers and services."
754
-
,"fbURL": "The URL to the Firebase location from which we want to load data (and store changes)."
755
-
,"factory": "Define a factory that will return a singleton object that can be injected into controllers and services."
756
-
,"$firebase": "A service provided by AngularFire for binding data from Firebase to AngularJS models."
757
-
,"$asArray": "A method that returns data from Firebase in the form of a synchronized array."
758
-
,"config": "You use <code>config()</code> to configure existing services. Here, we’re configuring the <code>$routeProvider</code> responsible for mapping URL paths to partials."
759
-
,"controller": "Define a controller function that can be attached to the DOM using <code>ng-controller</code> or to a view template by specifying it in the route configuration."
760
-
,"'/'": "When the URL is <code>/</code> it will load <code>list.html</code> into the view and attach the <code>ProjectListController</code> controller. You can instantly get an overview of an app's structure by reading the route definitions."
761
-
,"/edit/:projectId": "This route definition has a colon ':' in it. You use colons to make a component of the URL available to your controller. So now, <code>EditCtrl</code> can refer to the <code>projectId</code> property which tells it which project to edit."
762
-
,"otherwise": "The <code>otherwise</code> route specifies which view to display when the URL doesn’t match any of the explicit routes. It’s the default."
763
-
,"Projects": "<code>Projects</code> is an instance of <code>$firebase</code>, and is defined in the <code>projects</code> module. It exposes method to add, remove and update projects in the collection. Its purpose is to abstract the server communication. This lets the controller focus on the behavior rather than the complexities of server access."
764
-
,"$scope": "We can immediately assign the set of projects to our scope, and they will be displayed in the view."
765
-
,"$location": "You use the <code>$location</code> service to access the browser's location."
766
-
,"path": "Use the <code>path</code> method to change the application's 'deep-linking' location. Changing the URL will automatically activate the new route, and transition the application to display that view -- in this case, the <code>/edit/</code> view."
767
-
,"$routeParams": "Here, we ask AngularJS to inject the <code>$routeParams</code> service. We use it to access the parameters extracted from the route path definitions."
768
-
,"projectId": "This extracts the <code>projectId</code> from the URL. This allows the controller to use deep-linking information for processing."
769
-
,"isClean": "Determines whether the user has modified the form. We use this information to enable the save button in the view."
770
-
,"destroy": "Called when the user clicks the delete button in the view."
771
-
,"save": "Called when the user clicks the save button in the view."
772
-
,"null": "We can delete an object by simply setting its value to null."
773
-
}
774
-
,"list.html":
775
-
{"ng-model": "Bind the input field to the <code>search</code> property. The property is then used to filter for only the projects which contain the text entered by the user."
776
-
,"#/new": "A link to a <code>/new</code> route defined in <code>projects.js</code>. Note that we follow the spirit of the web. There is no need to register callbacks on links, we are simply navigating to a new URL. This automatically updates the browser history, and enables deep-linking. But unlike a server round trip application, this navigation event gets rendered instantly in the browser."
777
-
,"ng-repeat": "Use <code>ng-repeat</code> to unroll a collection. Here, for every project in <code>projects</code>, AngularJS will create new copy of the <code><tr></code> element."
778
-
,"ng-repeat": "Use <code>ng-repeat</code> to unroll a collection. Here, for every project in <code>projects</code>, AngularJS will create new copy of the <code><tr></code> element."
779
-
,"filter": "The <code>filter</code> uses the <code>search</code> to return only a subset of items in the <code>projects</code> array. As you enter text into the search box, the <code>filter</code> will narrow down the list according to your criteria. <code>ng-repeat</code> will then add or remove items from the table."
780
-
,"orderBy": "Returns the <code>project</code> list ordered by <code>name</code> property."
781
-
,"#/edit/{{project._id.$oid}}": "Creates individual edit links, by embedding the project id into the URL. The embedded project id serves the purpose of deep-linking, back button, as well as a way to communicate to <code>EditProjectController</code> which project should be edited."
782
-
}
783
-
,"detail.html":
784
-
{"myForm": "Create a form named <code>myForm</code>. We will declare form validation rules here which we'll use to show input errors and disable buttons."
785
-
,"ng-class": "Add an <code>error</code> CSS class when the <code>myForm</code>'s input <code>name</code> is invalid."
786
-
,"required": "Invalidate the input control when no text is entered."
787
-
,"ng-show": "Show this error message when the <code>myForm</code>'s input <code>name</code> has <code>required</code> validation error."
788
-
,"url": "The URL type automatically adds URL validation."
789
-
,"ng-disabled": "Disable the 'Save' button when the form has not been filled in or is invalid."
0 commit comments