How to use angular - 10 common examples

interface ColumnScope extends IScope {
        $column: { data?: SelectData };
        $selectData?: SelectOption[];
    }

    interface TableScope extends IScope {
        $new(): ColumnScope;
    }

    let $scope: ColumnScope,
        elem: string,
        $compile: ICompileService;

    beforeAll(() => expect(ngTableBrowserModule).toBeDefined());
    beforeEach(ng1.mock.module('ngTable-browser'));

    beforeEach(inject(($rootScope: TableScope, _$compile_: ICompileService) => {
        $scope = $rootScope.$new();
        $compile = _$compile_;
        elem = '<select></select>';
    }));

    describe('array datasource', () =&gt; {

        it('should add array to current scope', () =&gt; {
            // given
            let data = [{ id: 1, title: 'A' }];
            $scope.$column = {
                data: data
            };
            // when

function testExtend() {
  // extends object type
  (angular.extend({ a: 1 }, { b: 2 }): { a: number, b: number });
  (angular.extend({ a: 1 }, { b: 2 }, { c: "str", d: 123 }): {
    a: number,
    b: number,
    c: string,
    d: number
  });
}

return $http.get('/parse', { params: {'text': definitionText}}).success(function(data) {
				if (angular.isFunction(setErrorFn)) {
					setErrorFn(null);
				}
				if (typeof data === 'string') {
					data = angular.fromJson(data);
				}
				// TODO handle error case, clear the graph
				$log.info('parse responded with data:\''+JSON.stringify(data)+'\'');
				if (angular.isFunction(updateGraphFn)) {
					updateGraphFn(data);
				}
			}).error(function(data, status, headers, config, statusText) { // jshint ignore:line
				if (typeof data === 'string') {

return $http.get('/parse', { params: {'text': definitionText}}).success(function(data) {
				if (angular.isFunction(setErrorFn)) {
					setErrorFn(null);
				}
				if (typeof data === 'string') {
					data = angular.fromJson(data);
				}
				// TODO handle error case, clear the graph
				$log.info('parse responded with data:\''+JSON.stringify(data)+'\'');
				if (angular.isFunction(updateGraphFn)) {
					updateGraphFn(data);
				}
			}).error(function(data, status, headers, config, statusText) { // jshint ignore:line
				if (typeof data === 'string') {

beforeEach(() => {

			angular.mock.module('jm.i18next', ($i18nextProvider: ng.IServiceProvider) => {
				i18next.init(i18nextOptions, (err, t) => {
					// console.log('resources loaded');
				});

				i18next.on('initialized', (options) => {
					// console.log('i18next initialized');
					i18nextOptions = options;
				});
			});

			inject((
				_$i18next_: Ii18nTranslateService,
				_$timeout_: ng.ITimeoutService,
				_$rootScope_: ng.IRootScopeService) => {
				$i18next = _$i18next_;
				$timeout = _$timeout_;

it('should have CSS for size', () => {
        let personas: angular.IAugmentedJQuery[] = [
          angular.element(''),
          angular.element(''),
          angular.element(''),
          angular.element(''),
          angular.element('')
        ];

        let expectedClass: string[] = ['ms-Persona--tiny', 'ms-Persona--xs', 'ms-Persona--sm', 'ms-Persona--lg', 'ms-Persona--xl'];

        for (let i: number = 0; i < personas.length; i++) {
          _compile(personas[i])(scope);
        }
        scope.$digest();

        let persona: JQuery;
        // let innerDiv: JQuery;

        for (let i: number = 0; i < personas.length; i++) {
          persona = jQuery(personas[i]);
          // innerDiv = persona.find('div.ms-Persona');

self.table.W = columnOffset[columnOffset.length - 1];
            self.table.setup();

            // console.log('displaying cells', scrolledCellX, scrolledCellY);
            self.table.scroll.setScrollXY(x, y); //table.setup() scrolls to 0,0, here we scroll back to were we were while resizing column
        }

        const eventId = "resize.fattable." + settings.tableContainerId;
        angular.element($window).unbind(eventId);
        const debounced = _.debounce(self.setupTable, settings.setupRefreshDebounce);
        angular.element($window).on(eventId, function () {

            debounced(settings);
        });

        angular.element(selector).on('$destroy', function () {

            angular.element($window).unbind(eventId);
        });
    }

return ssoAuthentication.getSsoAuthPendingPromise().then(() => {
          config.headers = angular.extend(
            angular.copy(ssoAuthentication.getHeaders()),
            config.headers,
          );

          // For no prefix if begins with http(s)://
          if (urlPrefix && !/^http(?:s)?:\/\//.test(config.url)) {
            config.url = urlPrefix + config.url;
          }

          if (config.timeout) {
            const deferredObjTimeout = $q.defer();

            // Can be cancelled by user
            config.timeout.then(() => {
              deferredObjTimeout.resolve();
            });

self.save = function () {
        var body = {};

        _.forOwn(mapping, function (fieldMapping, fieldName) {
          if (self[fieldName] != null) {
            body[fieldName] = (fieldMapping._serialize)
              ? fieldMapping._serialize(self[fieldName])
              : self[fieldName];
          }
        });

        if (self.searchSource) {
          body.kibanaSavedObjectMeta = {
            searchSourceJSON: angular.toJson(_.omit(self.searchSource.toJSON(), ['sort', 'size']))
          };
        }


        // Slugify the object id
        self.id = slugifyId(self.id);

        // ensure that the docSource has the current self.id
        docSource.id(self.id);

        // index the document
        return self.saveSource(body);
      };

$scope.setOtherNamesForm = function(){
                $scope.otherNamesForm.visibility = null;
                $.ajax({
                    url: getBaseUri() + '/my-orcid/otherNamesForms.json',
                    type: 'POST',
                    data:  angular.toJson($scope.otherNamesForm),
                    contentType: 'application/json;charset=UTF-8',
                    dataType: 'json',
                    success: function(data) {                
                        $scope.otherNamesForm = data;
                        if(data.errors.length == 0){
                            $scope.close();                 
                        }
                        $.colorbox.close(); 
                        $scope.$apply();                
                    }
                }).fail(function() {
                    // something bad is happening!
                    console.log("OtherNames.serverValidate() error");
                });
            };