Office 365 Platform Flexible Tools Ave Point Meetings
Office 365 Platform Flexible Tools
Ave. Point Meetings Author VP of Global Product Innovation
Jan 2010
Community ~600 contributors ~2, 500 PRs
14 Core
thinkster
feedback 17, 000 LOC 6 months x 3 devs 1, 500 LOC 3 weeks Before with Angular
Basics <html ng-app> <head> <script src="lib/angular. js"></script> </head>
http: //docs. angularjs. org/guide/databinding
Data Binding <li>NO of phones: {{ phones. length }}</li>
![Modules var my. App = angular. module('my. App', []);](http://slidetodoc.com/presentation_image_h2/e33a7b5bc856d10fac094e5d1bf348d7/image-25.jpg "Modules var my. App = angular. module('my. App', []);")
Modules var my. App = angular. module('my. App', []);
Scope function Phone. List. Ctrl($scope) { $scope. phones = [ {"name": "Nexus S", "snippet": "Fast just got faster with Nexus S. "}, {"name": "Motorola XOOM™ with Wi-Fi”} ]; }
Controllers <body ng-controller="Phone. List. Ctrl"> <ul> <li ng-repeat="phone in phones"> {{phone. name}} <p>{{phone. snippet}}</p> </li> </ul>
Directives <edit-in-place value="contact. name"></edit-in-place> app. directive( 'edit. In. Place', function() {
Defining Services my. App. service('hello. World. From. Service', function () { this. say. Hello = function () { return "Hello, World!" }; });
Calling Services function My. Ctrl($scope, hello. World. From. Service) { $scope. hellos = [hello. World. From. Service. say. Hello()]; }
Different Setup <asp: Content. Place. Holder. ID="Place. Holder. Main" runat="server"> <script type="text/javascript" src="//ajax. googleapis. com/ajax/libs/angu larjs/1. 0. 1/angular. min. js"></script> <div ng-app="my. App">
my. App. controller('Todo. Ctrl', function Todo. Ctrl($scope, Share. Point. JSOMService) { my. App. controller('Todo. Ctrl', ['$scope', 'Share. Point. JSOMService', function ($scope, Share. Point. JSOMService) {
App. directive('load', function() { return { replace: true, restrict: 'E', template. Url: "inc/header. html" };
template: '<div ng-hide="is. Deleted">' + ' <div class="col-md-12 colxs-12" ng-show="edit. Mode" >' + ' <form class="form-inline" role="form">' + ' <div class="checkbox">' +
compile: function (t. Element, t. Attrs) { JSRequest. Ensure. Setup(); hostweburl = decode. URIComponent(JSRequest. Query. String[ "SPHost. Url"]); var site. Url = hostweburl; var tpl. URL = site. Url + '/Complete%20 Me/Pages/template. html';
return { pre: function pre. Link(scope, i. Element, i. Attrs, controller) { template. Loader. then(function (template. Text) { i. Element. html($compile(t. Element. html())(scope)); § }); var previous. Value; scope. edit = function () {
http: //code. msdn. microsoft. com/office/Share. Point 2013 -Add-the-900 e 0742
Explore articles Connect Office. SPDev. User. Voice. Com Solve your roadblocks on Stack. Overflow [Office] and [Share. Point] Build Office Dev Tools for Visual Studio 2013 and Office 365 API Tools for Visual Studio 2013
Sponsored by
- Slides: 71
