javascript - How to add CSS to dynamically created list from controller in angular js -


i trying create top bar navigation menu in angular js. has drop down menu list dynamic. getting menu db. making call db controller , fetching data there , forming dynamic list css properties there. below code in controller file:

  .controller('navcontroller',['$scope','$http','$sce',function($scope,$http,$sce)        {     $http.get('service/getnavitem.do').then(function(response){ //here doing looping , forming list returned data //lets suppose final list formed after looping through data $scope.navlist="<li><a href='#'>item1</a><ul class='menu'> <li><a href='#'>item2"</a></li></ul></li>";});}]);     //view code: navigation.html  <div ng-controller='navcontroller'> <ul class="dropdown menu navigation" dropdown-menu>    <li>         <a href="#">root item>< /a>        <ul class="menu" id="navmenu" ng-html-bind="navlist" ></ul>    </li> </ul> </div>  //app.js code`enter code here`  var mainapp=angular.module("myapp",['mm.foundation','ngsanitize']) .directive('navmenu',function(){return{     restrict:'a',     replace:true,     controller:'navcontroller',     templateurl:'app/view/navigation.html' }   });

my problem top list getting created , css applied. css not getting applied list dynamically generated controller .

$scope.navlist="<li><a href='#'>item1</a> <ul class='menu'><li><a href='#'>item2"</a></li></ul></li>"

here have mentioned class='menu' , not working.

when directly writing piece of code in view, working, problem want dynamic. can help. new angular js , need helping hand start with. lot in advance. using angular foundation navigation menu.i have included angular-sanitize.js ng-html-bing tag.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more