ng-repat不能用于ng-include angular js?

时间:2017-01-11 17:31:43

标签: javascript html css angularjs

所以只是解释一下,稍微靠近一点。 我有3个控制器,每个控制器都有不同的目的,在ng-route中。 但是当我在模板文件中包含文件时,第二个控制器的ng-repeat不起作用, 在#/ footer上有一条路线。但在#/ nemke上一切正常。 我知道这令人困惑。提前谢谢。

#/ footer template

<div class="container fluid bigCont" >
<div id="muster">
<span id="left"></span> 
<span id="right"></span>    

<ul class="slide">
<li id="{{image.id}}" class="slides" ng-repeat="image in images" ng-style="{'background-image': 'url(images/' + image.image + ')'}" >
<div class="absolute">  
<h2 class="duka">{{image.text}}</h2>
<p>{{image.text2}}</p>
<button class="main-but" >More</button>
</div>
<span class="closer">X</span>
<span ng-click ="editor()" class="glyphicon glyphicon glyphicon-pencil pencer" aria-hidden="true"></span>

</li>
</ul>
</div>  
<div ng-include="'good.html'"></div> the controller for this tempalte doesen't work goodCtrl

#/ nemke模板

 <h1>{{name}}</h1>
    <h1 id="number" ng-click="getNumber(1)">0</h1>
    <form  name="myForm" ng-if="bool" ng-model="formModel">
    <input type="text" ng-model="formModel.text" id="text" name="text" required/>
    <button ng-disabled="myForm.$invalid" ng-click="addNew()">Add new text</button>
    </form>
    <button ng-click="boolke=true">Fade in</button>
    <button ng-click="boolke=false">Fade Out</button>
    <p ng-if="boolke" ng-click="deletRec($event)" class="del_id sade" id="{{user.id}}" ng-repeat = "user in users">{{user.text}}</p>
    <p>{{name}}</p>

nemke模板的控制器

app.controller('goodCtrl', ['$scope','$http','$controller', 'images', function($scope,$http,$controller, images){
$controller('getCtrl',{$scope:$scope});
$scope.name = "Nikson";
document.getElementById('title').style.display = "none";
images.success(function(data){
$scope.users = data;
});

$scope.formModel = {};

$scope.addNew = function() {
$scope.users.push($scope.formModel);
    /*$http.post('post.php', $scope.formModel).
    success(function(data){
        console.log("ok")
    }).error(function(data){
        console.log("err");
    }); */
$scope.formModel = {}; 

};

$scope.deletRec = function(event) {
var id = event.target.id;
$http({
    method: 'DELETE',
    url: 'delete.php',
    data: {
        id: id
    },
    headers: {
        'Content-type': 'application/json;charset=utf-8'
    }
})
.then(function(response) {
    console.log(response.data);
}, function(rejection) {
    console.log(rejection.data);
});

event.target.style.display = "none";
}

$scope.care = [
    {
       name:"Nemke",
       age:12, 
    },
    {
        name:"Uros",
        age:13,
    }
]

}]);

路由js

app.config(function($routeProvider) {
$routeProvider
.when("/",{
controller:"newCtrl",
templateUrl:"main.html",
})
.when("/footer",{
controller: "getCtrl",
templateUrl : "red.html",

})
.when("/nemke",{
controller: "goodCtrl",
templateUrl:"good.html",
})
.otherwise({
redirectTo:"/"  
})
});

主要的js

app.controller('getCtrl',['$scope', '$http', '$routeParams', 'images', function($scope, $http, $routeParams, images) {
images.success(function(data){
console.log(data);

}]);

0 个答案:

没有答案