将html绑定到angular-ui-bootstrap手风琴

时间:2015-07-09 04:56:22

标签: angularjs angular-ui-bootstrap

我使用的是angular-ui-bootstrap手风琴。我在data-ng-bind-html。 在我的手风琴标题中,我尝试使用html绑定到范围变量。 我尝试将html与$sce和角度ngSanitize服务绑定在一起。 我还在我的app.js中注入<accordion close-others="true"> <accordion-group class="row" data-ng-repeat="content in pageContent" data-ng-if="content.pageId === page.id"> <accordion-heading data-ng-bind-html="trustedHtml(content.columnTitle)" ></accordion-heading> <!-- rest of content --> </accordion-group> </accordion>

但我没有得到我想要的结果。  这是我的手风琴标题:

$sce

在我的控制器中,我注入了$scope,这是$scope.trustedHtml = function (input) { return $sce.trustAsHtml(input); } 方法:

URL.replace(/[^\/]+$/,'')

任何人都可以帮我吗?

2 个答案:

答案 0 :(得分:1)

尝试执行以下操作,

在HTML中,

public function login(){

   $email=$this->input->post('email');

   //query the database
   $result = $this->mod_user->login($email, $password);
   if($result){
     $sess_array = array();
     foreach($result as $row){
       $sess_array = array(
         'user_id' => $row->user_id,
         'email' => $row->email
       );
       $this->session->set_userdata('sess', $sess_array);
     }
     return TRUE;
   }
   else
   {
     $this->form_validation->set_message('login', 'Invalid username or password');
     return false;
   }
}


function login($userName, $pass){
 $this -> db -> select('user_id, email, password');
 $this -> db -> from('tbl_users');
 $this -> db -> where('email', $email);
 $this -> db -> where('password', MD5($password));
 $this -> db -> limit(1);

 $query = $this -> db -> get();

 if($query -> num_rows() == 1)
 {
   return $query->result();
 }
 else
 {
   return false;
 }
}

在Javascript中,

<accordion close-others="true">
   <accordion-group class="row" data-ng-repeat="content in pageContent" data-ng-if="content.pageId === page.id">
     <accordion-heading ng-bind-html="content.columnTitle | unsafe" ></accordion-heading>
            <!-- rest of content -->
   </accordion-group>
</accordion>

答案 1 :(得分:0)

为什么不使用指令模板,而不是使用控制器和模型。将变量传递给模板。提取它的值,然后将其作为指令内的替换值。