随笔分类 - AngularJS
摘要：Now that we've separated the Product Tabs, why not separate the Gallery too?Create an element directive called productGallery.Tell your new directive ...
阅读全文
posted @ 2014-07-28 04:12
Zhentiw
摘要：We feel like the Product Tabs section could be better managed if it were a directive.Create an element directive called productTabs. app.directive('p...
阅读全文
posted @ 2014-07-28 04:05
Zhentiw
摘要：As you probably have noticed, we have built out more information on the specs tab. Let's refactor the contents of our specs div into an attribute dire...
阅读全文
posted @ 2014-07-28 03:47
Zhentiw
摘要：Instead of using ng-include, lets create a custom directive called productDescription.Create an Element Directive for our Description div that include...
阅读全文
posted @ 2014-07-28 03:35
Zhentiw
摘要：Notice that we have created an empty html file called product-description.html. Separate out the Description Tab's content into the new html file. Inc...
阅读全文
posted @ 2014-07-28 03:23
Zhentiw
摘要：It's time to show when a review was created using thecreatedOnproperty. Follow the task below to add this in.On review save, we're running theaddRevie...
阅读全文
posted @ 2014-07-28 03:05
Zhentiw
摘要：Use the fancy directives you just learned to validate the new review form.Turn off default HTML validation.Mark stars & author as required fields. ...
阅读全文
posted @ 2014-07-28 01:18
Zhentiw
摘要：Assign the review controller we just created to our form and use the aliasreviewCtrlto reference it inside the form. On submission of the form save th...
阅读全文
posted @ 2014-07-27 21:44
Zhentiw
摘要：Create a ReviewController and inside of it an empty review ripe for the stuffing! Then below that create the functionality to create new reviews.Creat...
阅读全文
posted @ 2014-07-27 18:45
Zhentiw
摘要：Flatlander Crafted Gems – an Angular store – {{product.name}} {{product.price | cu...
阅读全文
posted @ 2014-07-27 18:18
Zhentiw
摘要：Displaying Reviews should seem repetitiveWe added reviews to all the products, as you can see in the js file. Inside our Reviews tab display ALL the r...
阅读全文
posted @ 2014-07-27 04:55
Zhentiw
摘要：Now that we've got an awesomeGalleryController, let's wire it up to the page:1.AttachGalleryControllerto the.galleryelement that wraps our gallery; us...
阅读全文
posted @ 2014-07-26 19:03
Zhentiw
摘要：Now that you're such a whiz with tabbed tab, can you apply what you've learned to our image gallery, too? Don't worry, we'll start slow… And there's a...
阅读全文
posted @ 2014-07-26 18:47
Zhentiw
摘要：To connect our controller to our page, we're going to need a few directives. I hope you remember which ones. We've provided all the HTML for you. Try ...
阅读全文
posted @ 2014-07-26 18:43
Zhentiw
摘要：We just learned, cramming a bunch of logic into our HTML is kinda bad. Let's start the Right Way with a Controller which will control our tabs.1.Creat...
阅读全文
posted @ 2014-07-26 18:17
Zhentiw
摘要：Many times a product will be ready to sell, but won't have images yet (like our first one). In this case the images array will just be empty. Note the...
阅读全文
posted @ 2014-07-26 18:02
Zhentiw
摘要：1.Make theli's repeat for eachimagein the image array. Use the variableimageas your identifier. 2.Now that we haveimageavailable from ourng...
阅读全文
posted @ 2014-07-26 17:57
Zhentiw
摘要：1.We've added images to all products as well – like any self respecting store should have. Aproducthas an array ofimageswe can use in our html. Let's ...
阅读全文
posted @ 2014-07-26 17:51
Zhentiw
摘要：1.Use an Angular filter to display the price as a currency.{{product.price | currency}}Also has limitTo,{{'octagon gem' | uppercase}}{{'1388123412323'...
阅读全文
posted @ 2014-07-26 17:46
Zhentiw
摘要：1.In theapp.jsfile we changed things up a little with a newgemsarray. Assign gems to aproductsproperty insideStoreController.app.controller('StoreCont...
阅读全文
posted @ 2014-07-26 17:32
Zhentiw
浙公网安备 33010602011771号