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

首先,这个问题,是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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值