名前: maeda こんにちは、maedaさん! |
<!DOCTYPE html> <html ng-app> <head> <meta charset="UTF-8" /> <title>AngularJS TIPS</title> </head> <body> <form> <label for="name">名前:</label> <input id="name" name="name" type="text" ng-model="name" /> <div>{{"こんにちは、" + name + "さん!"}}</div> </form> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> </body> </html> |
<html ng-app> |
<label for="name">名前:</label> <input id="name" name="name" type="text" ng-model="name" /> <div>{{"こんにちは、" + name + "さん!"}}</div> |
<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> </head> <body> <div> <p><input type="text" ng-model="yourName"></p> <p>Hello {{yourName}}!</p> </div> </body> </html> |
<p><input type="text" ng-model="yourName"></p> <p>Hello {{yourName}}!</p> |
<div ng-bind="'こんにちは、' + name + 'さん!'"></div> |
<div ng-cloak>{{"こんにちは、" + name + "さん!"}}</div> |