Skip to main content

Assign the value to the variable in ng-click using AngularJS

<html ng-app>
<head>
     <title>ActiveTuts - AngularJs Tutorials</title>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
     <body>
     <div ng-controller="TodoCtrl">   
       <h2>Show and Hide the text using AngualrJs</h2>
       <div ng-controller="TodoCtrl">
          <input type="button" value="Show" ng-click="showText=true">
          <input type="button" value="Hide" ng-click="showText=false">
          <br/><br/><br/>
          <div ng-show="showText">I am Ganeshkumar</div>     
          <div ng-show="!showText">Ok bye! See you later</div> 
       </div>
     </div>   
     <script type="text/javascript">
         function TodoCtrl($scope) {
            $scope.showText = false;
         }
     </script>
     </body>
</html>

Comments

Popular posts from this blog

PG::DuplicateTable: ERROR: relation "taggings" already exists in Ruby on Rails

Error: PG::DuplicateTable: ERROR:  relation "taggings" already exists Solution : Already the table present in your database.But migration also trying to create a table in database.For this reason error occurred. So try to remove the table (taggings) from your database.   postgresql :     > DROP TABLE IF EXISTS taggings;   Rails console :     > ActiveRecord::Migration.drop_table(:taggings)

How to get a YouTube video thumbnail dynamically from the YouTube API using AngularJS

In this tutorial I have explain about the get YouTube thumbnail using AngularJS <html ng-app id="YoutubeApp">   <head>     <title>       How to get a YouTube video thumbnail dynamically from the YouTube API using  AngularJS Tutorials</title>     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>     <script>       function YoutubeController ($scope) {         $scope.todos = [];         $scope. addVideo = function() {           $scope.todos.push({text:$scope.todoText, done:false});           $scope.todoText = '';  ...

Ruby on Rails pagination using Kaminari Gem

Kaminari gem is used to create pagination in Ruby on Rails application.           Step 1: Open the terminal and Create the new application       >  rails new simplepage       Step 2: After you create the blog application, switch to its folder:             > cd simplepage             Step 3: Open and Add it to your Gemfile to following line           gem 'kaminari'           Step 4: Run the bundle install.It's used to install the gem dependencies that are  already mentioned in Gemfile               > bundle install             Step 5: create the form using scaffolding. Rails scaffolding is a quick way to generate some of the major pieces of an application.(Create, Edit, Delete, Update, Show) ...