ng个人学习小结

1.ng配置路由时，重定向到/index，而不是文件路径
2.控制器可以分多个js文件写，但是必须在主页面中引用
3.css可以分开写并且分开引入到对应的html片段
4.ngmodal中创建ng实例时
//定义模态框实例
app.controller('ModalInstanceCtrl',['$scope','$modalInstance','items',function ($scope,$modalInstance,items) {
    $scope.items=items;
    $scope.selected = {
        item : $scope.items[0]
    };
    $scope.ok = function () {
        $modalInstance.close($scope.selected.item);
    };
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
}]);
写法固定，不需要绑定到modal上，也就是modal不需要ng-controller
//定义修改模态框控制器
app.controller('reviseModalCtrl', function ($scope, $modal, $log) {
    $scope.items = ['item1', 'item2', 'item3'];
   // $scope.animationsEnabled = true;
    $scope.openRevise= function (size) {
        var modalInstance = $modal.open({
            animation: $scope.animationsEnabled,
            templateUrl: 'myModalRevise.html',
            controller: 'ModalInstanceCtrl',
            size: size,
            resolve: {
                items: function () {
                    return $scope.items;
                }
            }
        });
        modalInstance.result.then(function (selectedItem) {
            $scope.selected = selectedItem;
        }, function () {
            $log.info('Modal dismissed at: ' + new Date());
        });
    };
    $scope.toggleAnimation = function () {
       $scope.animationsEnabled = !$scope.animationsEnabled;
    };
});

实际定义modal的controller的时候控制器绑定在触发modal的dom范围

<button class="btn" ng-controller="reviseModalCtrl" ng-click="openRevise('md')">修改</button>

外部引入的modal.html只有modal-header/body/footer
<script type="text/ng-template" id="myModalRevise.html">
   <div ng-include="'custom/committee/revise_modal.html'"></div>
</script>