title: Function works in console but doesn't display in page
body: <p>I am trying to add new title and url. I created a new function ( createBookmark ). It works fine and it shows the date in console.log within a page but it's not adding the new property and url. It's blank.</p>
  
  <ul>
  <li>first click left side name list<br/> </li>
  <li>than click Create Bookmark<br/>    </li>
  <li>fill the form detail<br/> </li>
  <li>than click Create data not add in the list    <br/></li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myapp = angular.module("myapp", []);
  myapp.controller("myCtrl", function($scope){
  
  $scope.lists = [
  
  {'id' : 0, 'name' : 'Manu'},
  {'id' : 1, 'name' : 'Rajveer'},
  {'id' : 2, 'name' : 'Heament'},
  {'id' : 3, 'name' : 'Yogesh'},
  {'id' : 5, 'name' : 'Sajid'},
  
  
  ];
  
  $scope.languages = [
  {'id' : 0, 'title' : 'Angular', 'url' : 'http://angularjs.org', "category": "Manu"},
  {'id' : 1, 'title' : 'Html5', 'url' : 'http://www.html5rocks.com/en/', "category": "Manu"},
  {'id' : 2, 'title' : 'BootStrap', 'url' : 'http://getbootstrap.com/', "category": "Rajveer"},
  {'id' : 3, 'title' : 'Css', 'url' : 'http://www.tutorialspoint.com/css/', "category": "Yogesh"},
  {'id' : 4, 'title' : 'emberjs', 'url' : 'http://emberjs.com/', "category": "Heament"},
  {'id' : 5, 'title' : 'Javascript', 'url' : 'https://www.javascript.com/', "category": "Rajveer"},
  {'id' : 6, 'title' : 'jQuery', 'url' : 'https://jquery.com/', "category": "Yogesh"},
  {'id' : 7, 'title' : 'Photoshop', 'url' : 'http://www.photoshop.com/', "category": "Sajid"},
  {'id' : 8, 'title' : 'Coral Draw', 'url' : 'http://www.coreldraw.com/in/', "category": "Heament"},
  {'id' : 9, 'title' : 'Flash', 'url' : 'https://get.adobe.com/flashplayer/', "category": "Sajid"},
  
  ];
  
  $scope.currentCategory = null;
  
  function setCurrentCategory(category){
  
   $scope.currentCategory = category;
   cancelCreating();
   cancelediting();
  
  }
  
  function isCurrentCategory(category){
  
   return $scope.currentCategory !== null &amp;&amp; category.name === $scope.currentCategory.name;
   
  }
  
  $scope.isCurrentCategory = isCurrentCategory
  $scope.setCurrentCategory = setCurrentCategory;
  
  // -------------- Add new bookmark--------------
  
  function resetCreateForm(){
   $scope.newBookmark = {
  
    title : '',
    url :'',
    category : $scope.currentCategory,
  
   }
  
  }
  
  function createBookmark(language){
  
   language.id = $scope.languages.length;
   $scope.languages.push(language);
   //console.log(language);
  
   resetCreateForm();
  
   //console.log(resetCreateForm());
  }
  
  $scope.createBookmark = createBookmark;
  // -------------- Add new bookmark--------------
  // Edit bookmar create a toggle start
  
  
  $scope.isCreating = false;
  $scope.isEditing = false;
  
  function startCreating(){
  $scope.isCreating = true;
  $scope.isEditing = false;
  
  resetCreateForm();
  }
  
  function cancelCreating(){
  $scope.isCreating = false;
  
  }
  
  function startEditing(){
  $scope.isCreating = false;
  $scope.isEditing = true;
  
  }
  
  function cancelediting(){
  $scope.isEditing = false;
  
  }
  
  function shouldShowCreating(){
  
   return $scope.currentCategory &amp;&amp; !$scope.isEditing;
  }
  
  function shouldShowEditing(){
  
   return $scope.isEditing &amp;&amp; !$scope.isCreating;
  }
  
  $scope.startCreating = startCreating;
  $scope.cancelCreating = cancelCreating;
  $scope.startEditing = startEditing;
  $scope.cancelediting = cancelediting;
  $scope.shouldShowCreating = shouldShowCreating;
  $scope.shouldShowEditing = shouldShowEditing;
  
  // toggle start
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.left_box{background-color: #909090; padding: 0px;}
  .right_box{padding-top: 25px;}
  .nav__box{
  
    padding-top: 25px;
  }
  .nav__box ul{ padding: 0px; margin: 0px; }
  .nav__box ul li {list-style: none; padding: 10px; text-align: center;}
  .nav__box ul li a{
  font-size: 16px;
  color: black;
  text-decoration: none;
  
  
  }
  .nav__box ul li a:hover{background: }
  .language_list { padding: 0px; margin: 0px; }
  
  .language_list li{list-style: none; padding: 5px 10px; margin-bottom: 2px; border: solid 1px #ededed} 
  .language_list li a {text-decoration: none; padding-left: 15px}
  .remove{float: right; font-size: 12px; color: red; line-height: 16px;}
  .edit{font-size: 12px; color: red; line-height: 16px; }
  .active{background-color: #ffffff}
  .create_bookmark{padding-top: 25px}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;div ng-app="myapp" class="container-fluid" ng-controller="myCtrl"&gt;
   &lt;div class="row"&gt;
    &lt;article class="col-md-1 left_box"&gt;
    &lt;a href="" ng-click="setCurrentCategory(null)"&gt;&lt;img  src="images/logo.png" alt="AngularJs"/&gt;&lt;/a&gt;
  
    &lt;nav class="nav__box"&gt;
     &lt;ul&gt;
     &lt;li ng-repeat='list in lists' ng-class="{'active':isCurrentCategory(list)}"&gt; 
          &lt;a href="#" ng-click="setCurrentCategory(list)"&gt;{{list.name}}&lt;/a&gt;
          &lt;/li&gt;
      
     &lt;/ul&gt;
  
    &lt;/nav&gt;
  
    &lt;/article&gt;
    &lt;article class="col-md-11 right_box"&gt;
     
    &lt;ul class="language_list"&gt;
     &lt;li ng-repeat= "language in languages | filter:{category:currentCategory.name}"&gt;
     &lt;span ng-click="startEditing()"&gt;Edit&lt;/span&gt;
     &lt;a href='{{language.url}}' target="_blank"&gt;{{language.title}}&lt;/a&gt;
     &lt;span class="remove"&gt;Close&lt;/span&gt;
     &lt;/li&gt;
  
    &lt;/ul&gt;
  
    &lt;div class="create_bookmark" ng-if="shouldShowCreating()"&gt;
     &lt;button type="button" ng-click="startCreating()"&gt; Create Bookmark&lt;/button&gt;
  
  
  &lt;form role="form"  ng-show="isCreating" ng-submit="createBookmark(newBookmark)"&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="newBookmarkTitle"&gt;Bookmark Title&lt;/label&gt;
      &lt;input type="text" class="form-control" id="newBookmarkTitle" ng-model="newBookmark.title"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="newBookmarkURL"&gt;Bookmark URl&lt;/label&gt;
      &lt;input type="text" class="form-control" id="newBookmarkURL" ng-model="newBookmark.url"&gt;
    &lt;/div&gt;
   
    &lt;button type="submit" class="btn btn-default"&gt;Create&lt;/button&gt;
    &lt;button type="button" class="btn btn-default" ng-click="cancelCreating()"&gt;cancel&lt;/button&gt;
  &lt;/form&gt;
  
  
  
  
  
  
  
     
  
    &lt;/div&gt;
    
    &lt;div ng-if="shouldShowEditing()"&gt;create a bookmark
  
   &lt;button type="button" ng-click="cancelediting()"&gt;cancel&lt;/button&gt;
    &lt;/div&gt;
   
    &lt;/article&gt;
  
   &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>