Tutoriel par Examples: composant



Un composant personnalisé qui prend le type d'un composant en entrée et crée une instance de ce type de composant à l'intérieur de lui-même. Lorsque l'entrée est mise à jour, le composant dynamique ajouté précédemment est supprimé et le nouveau composant ajouté. @Component({ selector...
Un composant React peut être défini comme une classe ES6 qui étend la classe React.Component base. Sous sa forme minimale, un composant doit définir une méthode de render spécifiant le rendu du composant dans le DOM. La méthode de render renvoie les noeuds React, qui peuvent être définis à l'ai...
Vu le fichier HTML suivant: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>React Tutorial</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.js"></script> ...
Une grande partie de la puissance de ReactJS réside dans sa capacité à permettre l’imbrication de composants. Prenez les deux composants suivants: var React = require('react'); var createReactClass = require('create-react-class'); var CommentList = reactCreateClass({ render: function() { ...
Qu'est-ce qu'un composant? Un composant est fondamentalement une directive qui utilise une configuration plus simple et qui convient à une architecture basée sur des composants, ce qui est l’objet d’Angular 2. Considérez un composant comme un widget: un morceau de code HTML que vous pouvez...
Vous pouvez définir l'opacité sur un certain UIColor sans en créer un en utilisant l' init(red:_,green:_,blue:_,alpha:_) . Rapide let colorWithAlpha = UIColor.redColor().colorWithAlphaComponent(0.1) Swift 3 //In Swift Latest Version _ colorWithAlpha = UIColor.red.withAlphaComponent(0.1)...
Pour séparer un composant du chemin: >>> p = os.path.join(os.getcwd(), 'foo.txt') >>> p '/Users/csaftoiu/tmp/foo.txt' >>> os.path.dirname(p) '/Users/csaftoiu/tmp' >>> os.path.basename(p) 'foo.txt' >>> os.path.split(os.getcwd()) ('/Users/csaftoiu/...
En fait, vous pouvez utiliser les composants de ReactJS dans Typescript comme dans l'exemple de Facebook. Remplacez simplement l'extension du fichier 'jsx' par 'tsx': //helloMessage.tsx: var HelloMessage = React.createClass({ render: function() { return <div>H...
Ceci est une extension de l'exemple de base: Structure basique import React, { Component } from 'react'; import { render } from 'react-dom'; class FirstComponent extends Component { render() { return ( <div> Hello, {this.props.name}! I am a...
Les intentions peuvent être utilisées pour diffuser des messages vers d'autres composants de votre application (tels qu'un service d'arrière-plan en cours d'exécution) ou vers l'ensemble du système Android. Pour envoyer une diffusion dans votre application , utilisez la classe ...
Code du composant: angular.module('myModule', []).component('myComponent', { bindings: { myValue: '<' }, controller: function(MyService) { this.service = MyService; this.componentMethod = function() { return 2; }; } }); Le test: describe('myComponent', f...
Vous pouvez utiliser les composants de ReactJS facilement dans TypeScript. Renommez simplement l'extension de fichier 'jsx' en 'tsx': //helloMessage.tsx: var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; ...
La tâche principale du manifeste consiste à informer le système des composants de l'application. Par exemple, un fichier manifeste peut déclarer une activité comme suit: <?xml version="1.0" encoding="utf-8"?> <manifest ... > <application android:icon=&qu...
Toutes les DATE ont un composant temps; cependant, il est d'usage de stocker des dates qui ne nécessitent pas d'inclure des informations de temps avec les heures / minutes / secondes définies à zéro (c'est-à-dire minuit). Utilisez un littéral ANSI DATE (en utilisant le format de date I...
Convertissez-le à partir d'un littéral de chaîne à l'aide de TO_DATE() : SELECT TO_DATE( '2000-01-01 12:00:00', 'YYYY-MM-DD HH24:MI:SS' ) FROM DUAL; Ou utilisez un littéral TIMESTAMP : CREATE TABLE date_table( date_value DATE ); INSERT INTO date_table ( date_value ) VALUES ( TIMEST...
import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: ` <h1>Angular 2 App</h1> <p>Component is directive with template</p> ` }) export class AppComponent { }
Étapes pour créer un composant: Créez un dossier nommé components dans le dossier racine de votre projet Créez votre composant dans le dossier de composants, par exemple: MyComponent.php namespace app\components; use Yii; use yii\base\Component; use yii\base\InvalidConfigException; ...
Créer une fonction dans MyComponent.php namespace app\components; use Yii; use yii\base\Component; use yii\base\InvalidConfigException; use yii\helpers\Url; use yii\helpers\ArrayHelper; use app\models\User; class MyComponent extends Component...
L'entité complexe complex, parameter :: x = (1., 4.) a la partie réelle 1. et la partie complexe 4. .. Nous pouvons accéder à ces composants individuels comme real(x) ! The real component aimag(x) ! The complex component x%re ! The real component y%im ! The complex component La ...
Les directives AngularJS contrôlent le rendu du code HTML dans une application AngularJS. Ils peuvent être un élément HTML, un attribut, une classe ou un commentaire. Les directives sont utilisées pour manipuler le DOM, en attachant un nouveau comportement aux éléments HTML, à la liaison de données...

Page 1 de 8