@cheatsheetSection
Class decorators
@cheatsheetIndex 4
@description
{@target ts js}import {Directive, ...} from 'angular2/angular2';{@endtarget}
{@target dart}import 'package:angular2/angular2.dart';{@endtarget}
@cheatsheetItem syntax(ts js): `@Component({...})
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://code.angularjs.org/1.4.8/angular.js"></script> | |
| <script type="text/javascript"> | |
| angular.module('app', []) | |
| .run(function($http, $log) { | |
| var _url = 'test.pdf'; |
| <!doctype html> | |
| <html> | |
| <title>Angular Upgrade 1.0</title> | |
| <style> | |
| user { | |
| background-color: lightyellow; | |
| border: 2px solid darkorange; | |
| display: inline-block; | |
| width: 150px; | |
| padding: 1em; |
| var app = angular.module('plunker', []); | |
| app.controller('MainCtrl', function($scope) { | |
| $scope.name = 'World'; | |
| }); |
| <input ng-model="contact.phone" ui-mask='"(9999) 9999 9999"' placeholder="(01234)-5678-8901" required /> |
| angular.module('myApp', []).service('Partners', function($resource) { | |
| return $resource({ ull:myUrl},function(Partners, rsrcMethod){ | |
| Partners.externalize = function(self) { | |
| var myself = angular.copy(self); | |
| return {data: myself}; | |
| }; | |
| Partners.query = rsrcMethod('', {response: 'response.data.response.data'}); |
| angular.module('AppConfig',[]) | |
| .config(['$routeProvider', ($routeProvider)-> | |
| updateQuestionnaire = (scope, next)-> | |
| questionnaire = next.params.questionnaire ? '' | |
| scope.$root.questionnaireId = questionnaire | |
| updateQuestionnIndex = (scope, next)-> | |
| questionIndex = Number(next.params.questionIndex) | |
| if questionIndex? and not isNaN(questionIndex) | |
| scope.$root.questionIndex = questionIndex |
| ### | |
| Currently if you want to use a coffee script class for an AngularJS service | |
| the syntax for the dependency injection is a bit clunky: you have to define | |
| the dependencies in multiple places | |
| ### | |
| class SomeServiceClass | |
| constructor: (@$dep1, @$dep2)-> | |
| # Initialize the service | |
| someMethod: ()=> |
| var oldModelValue, newModelValue, counter; | |
| function watchModelFn(scope) { | |
| newModelValue = ngModelGet(scope); | |
| if ( | |
| !updatingFromTheView && | |
| !(newModelValue === undefined && $valid === false) && | |
| !modelEquals(newModelValue, oldModelValue) | |
| ) { |
| Spine = require('spine') | |
| require('spine/lib/relation') | |
| class Survey extends Spine.Model | |
| @configure 'Survey', 'name', 'title', 'description' | |
| @hasMany 'questions', Question | |
| @fromJSON: (objects) -> | |
| return unless objects | |
| if typeof objects is 'string' |