ng-include 包含页面，但是使用controller不能获取里面的对象

来源：互联网发布：手机版网站知乎编辑：程序博客网时间：2024/05/18 01:05

首先，这个问题，是ng-inclue的问题，我猜测的。解决方案，慢慢道来：

router

 .state 'manage.monitor.tsmonitor',url:'/monitor/tsmonitor',templateUrl:'app/monitor/tsmonitor/index.html',controller:'MonitorTsMonitorCtrl'

index页面：

<div class="block-header">  <h2>    <span>TS 监控列表</span>    <small>      <span>Tasks: <span ng-bind="tasks.length"></span></span>      <span>Cron jobs: <span ng-bind="cron_size"></span></span>    </small>  </h2></div><div class="card">  <div class="card-body">    <uib-tabset active="active" class="tabset">      <uib-tab>        <div ng-include="'app/monitor/tsmonitor/list.html'" class="table-responsive"></div>      </uib-tab>    </uib-tabset>  </div></div>

包含页面：

<div class="card-body card-padding"ng-controller="MonitorTsMonitorCtrl"------------------------------------>  <form class="form-horizontal form-validation" name="taskForm" ng-submit="submit()">    <div class="form-group">      <label for="demand-title" class="col-sm-2 control-label">ID</label>      <div class="col-sm-10">        <div class="fg-line">          <input type="text" class="form-control fc-alt" id="demand-title" ng-model="task.id" placeholder="ID" required>        </div>      </div>    </div>    <div class="form-group">      <label for="demand-title" class="col-sm-2 control-label">NAME</label>      <div class="col-sm-10">        <div class="fg-line">          <input type="text" class="form-control fc-alt" id="demand-title" ng-model="task.name" placeholder="NAME" required>        </div>      </div>    </div>    <div class="date-picker form-group dropup" ng-class="{ 'is-opened': opened == true }">      <label for="demand-uptime" class="col-sm-2 control-label">Creator</label>      <div class="col-sm-10 form-inline">        <div class="input-group date-picker input-group dropup" ng-class="{ 'is-opened': opened == true }">          <div class="fg-line" ng-class="{ 'fg-toggled': opened == true }">            <input type="text" class="form-control fc-alt" id="demand-uptime" ng-model="task.creator" uib-datepicker-popup datepicker-append-to-body="true"              datepicker-show-weeks="false" is-open="opened" ng-click="opened = !opened" placeholder="更新时间" close-text="Close"              required />            <span class="input-group-btn">                  <button class="btn btn-default" type="button" ng-click="opened = !opened"><i class="zmdi zmdi-calendar ma-icon"></i></button>                </span>          </div>        </div>      </div>    </div>    <div class="form-group">      <label for="demand-description" class="col-sm-2 control-label">Description    </label>      <div class="col-sm-10">        <div class="fg-line">          <textarea class="form-control fc-alt" id="demand-description" ng-model="task.description" placeholder="描述内容..." cols="30"            rows="5" required></textarea>        </div>      </div>    </div>    <div class="form-group text-center">      <button type="submit" class="btn btn-primary" ng-disabled="taskForm.$invalid">保 存</button>    </div>  </form></div>

添加下划线部分就好了

0 0