附3：tips of layout binding and styling

1. how to clear content of ng-model in controller? 如何在conroller中清除ng-model绑定的内容？

  .state('tab.login', {
      url: '/login',
      cache:'false',
      views: {
          'tab-login': {
              templateUrl: 'templates/login.html',
              controller: 'LoginCtrl'
          }
      }
  })

 

2. how to involve loading indicator?

$httpProvider.interceptors.push(function ($rootScope, $injector, $timeout, $q) {
        return {
            request: function (config) {
                if (config.url.toString().indexOf(rootURL) === 0) {
                    $injector.get('$ionicLoading').show({
                        content: 'Loading',
                        animation: 'fade-in',
                        showBackdrop: false,
                        maxWidth: 200,
                        showDelay: 0
                    });
                    $timeout(function () {
                          $injector.get('$ionicLoading').hide();
                    }, 5000);
                }
                return config;
            },
            requestError: function (err) {
                console.log("Request Error! please to check.");
                $injector.get('$ionicLoading').hide();
                return $q.reject(err);
            },
            response: function (response) {
                if (response.config.url.toString().indexOf(rootURL) === 0)
                { $injector.get('$ionicLoading').hide(); }
                $timeout(function () {
                    $injector.get('$ionicLoading').hide();
                }, 5000);
                return response;
            },
            responseError: function (err) {
                console.log("Response Error! please to check.");
                $injector.get('$ionicLoading').hide();
                return $q.reject(err);
            }
        }
    });

 

3. 如何实现斑马线效果？

.style a:nth-child(2n){
	background:#F2F2F2;
}

伪类和伪元素

 

4. 如何实现背景图渐变效果？

 

转载于:https://www.cnblogs.com/allanli/p/tips_of_layout_binding_and_styling.html